/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
*/

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}


/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
*/

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);  
} 

/*
 * A better looking default horizontal rule
*/

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
*/

img {
	display : block;
	margin : auto;
    /*vertical-align: middle;*/
}

/*
 * Remove default fieldset styles.
*/

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
*/

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Kartable custom styles
   ========================================================================== */


body {
    background: #fff;
    font-size: 10px;
    line-height: 10px;
    font-family: Verdana,Geneva,Kalimati,sans-serif;
}

html, button, input, select, textarea{
    font-family: Verdana,Geneva,Kalimati,sans-serif;
}

html{min-height:100%;position:relative}


a{
    color: inherit;
    text-decoration: none;
    outline: 0;
}
a:hover, a:active, a:focus {
    outline: 0;
    border: 0;
}

a.starOff{
    background: url("../img/star.png") no-repeat 0 0;
    width: 22px;
    height: 22px;
    display: block;
    float: left;
    margin: 0 5px 0 0;
}

a.star, a.ficheStar, a.starOff {
    background: url("../img/sprites_icons.png") no-repeat 0 0;
    width: 22px;
    height: 22px;
}

a.star.off, a.ficheStar.off, a.ficheStar, a.starOff {
  	background-position:0 -89px;
}

a.star.on, a.ficheStar.on, a.star.removeStar {
	background-position:-22px -89px;
}

*:focus { outline: 0 !important; } 
select:focus {
    outline: 1px solid white;
    outline-offset: -2px;
}
select ~ input[type=button] {
    -moz-appearance: menulist-button;
    margin-left: -19px;
    width: 18px;
    height: 18px;
    z-index: 10;
}
input::-moz-focus-inner { 
    border: 0; 
    outline: 0;
}
input:focus{
    border: 0;
    outline: 0;
}

:focus{
    border: none;
    outline: none;
}

.spacer{
    height: 0;
    clear: both;
}

div#overlay{
    display: none;
    background-color: rgba(0,0,0,0.5) !important;

    /*IE fallback*/
    background-color : #333333;
    filter      : alpha(opacity=70);
    -ms-filter  : progid:DXImageTransform.Microsoft.Alpha(Opacity=70);    

    position: absolute;
    z-index: 300;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
}
div#fullOverlay{
    display: none;
    background-color: rgba(0,0,0,0.5) !important;

    /*IE fallback*/
    background-color : #333333;
    filter      : alpha(opacity=70);
    -ms-filter  : progid:DXImageTransform.Microsoft.Alpha(Opacity=70);    
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 900;
}


/* CHECKBOX */
.customCB {
	width: 100%;	
	margin: 20px 0;
	position: relative;
	text-align: left;
}

.customCB label {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;
	top: 0;
	margin-left: -20px;/*align*/
	/*border-radius: 4px;*/
        
	/*-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);*/
        
        border: solid 1px #D9D9D9;
        
	background: #fff;

	/*background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );*/
}

.customCB label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 4px;
	left: 4px;
	border: 3px solid #333;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.customCB label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.5;
}

.customCB input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

.customCB input[type=checkbox]{
    visibility: hidden;
    width: 16px;
}

.customCB span{
    margin-left: 10px;  
    font-size: 1.1em;
    color: #B0B0B0;
}
.customCB b{
    display: inline-block;
    font-size: 1.3em;
    font-weight: bold;
    width: 120px;
}

/***********/
/* HEADER */

body header{
    background: rgb(233, 234, 235); /* NEW CSS */
    position: fixed;
    top: 0;
    left: 180px;
    height: 40px;
    width:100%;
    z-index:200;
}

/** Changement Quentin **/
/** nouveau header créer pour les pages de présentation du site**/
body div.newheader {
    background: #3a3d47;
    position: relative;
    display: block;
    height: 40px;
    text-align: center;
}

body div.newheader a.link-header {
    display: inline-block;
    padding: 15px;
    color: #eee;
    margin: 0 0 0 -4px;
    vertical-align: m
}
body div.newheader a.icon-home {
    padding: 10px 15px 9px!important;
}

body div.newheader a.link-header:hover {
    background: #33363f;
    color: #fff;
}

body div.newheader a.link-header.active {
    background: #292c35;
    color: #fff;
}

/** Fin Changement Quentin **/

body div#headerMobile{
    display: none;
    background: #515967;
    min-height: 30px;
    position: relative;
    left: 0px;
    width: 100%;
    text-align: center;
    z-index:200;
    font-weight: bold;
    color: #fff;
    padding: 5px 0;
}
body div#headerMobile a#menuLeftMobile{
    float: left;
    margin-left: 5%;
    margin-top: 5px;
}
body div#headerMobile #menuRightMobile{
    float: right;
    margin-right: 5%;
    margin-top: 8px;
    width:20px;
    height:20px;
}
body div#headerMobile #menuRightMobile a {
	display:inline-block;
	margin-top: -4px;
}
body div#headerMobile h1{
    font-size: 1.3em;
    display: inline-block;
    margin: 0 auto;
    padding: 0 0 3px 0;
    line-height: 14px;
    width:70%;
    max-width: 70%;
}
body div#headerMobile h1 span{
    font-size: 0.8em;
    color: #ADADB4;
    font-weight: normal;
}

body header div#chapitre{
    float: right;
    margin: 15px 0 0 20px;

}

body div#chapitre h2{
    color: rgb(172, 172, 172); /* NEW CSS */
    font-size: 1.2em;
    font-weight: normal;
    display: inline;
    margin-right: 15px;
}
body div#chapitre span{
    color: #C4C4C4;
    margin-right: 12px;
}

body header nav#base{
    float: left;
}

body header nav#base ul{
    margin: 0;
    padding: 0;
    height: 40px;
}

body header nav#base ul li{	
    display:block;
    float: left;
    color: #fff;
}
body header nav#base ul li a{	
    display:block;
    color: rgb(124, 121, 121); /* NEW CSS */
    height: 20px;
    text-align: center;
    padding: 12px 15px 8px 15px;
    font-size: 1.2em;
    /* font-weight: bold;*/ /* NEW CSS */
}

body header nav#base ul li:not(.active) a:hover{	
    background: rgb(218, 218, 218); /* NEW CSS */
}

/* mobile */
body nav#baseMobile{
    display: none;
    width: 150px;
    position: absolute;
    top: 0;
    right: -150px;
    z-index: 650;
    background: #2F3645;
}

body nav#baseMobile ul{
    margin: 0;
    padding: 0;
}

body nav#baseMobile ul li{	
    display:block;
    color: #fff;
    border-bottom: 1px solid #374052;
}
body nav#baseMobile ul li a{	
    display:block;
    color: #fff;
    height: 20px;
    padding: 14px 15px 6px 15px;
    font-size: 1.2em;
    font-weight: bold;
}
body nav#baseMobile ul li a img{	
    padding-right: 10px;
}

/*************/
/* NAV LEFT */

body nav#left{
    /*background-image: url('../img/backgd.png');*/ /* NEW CSS */
    background-color: rgb(42, 46, 55); /* NEW CSS */
    position: fixed;
    width: 180px;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    color: rgb(219, 214, 214); /* NEW CSS */
    z-index: 600;
    padding-bottom: 150px;
    box-shadow: none !important; /* NEW CSS */
}

body nav#left div#logo{
    width: 180px;
    height: 75px;
    border-bottom: #374052 solid 0px; /* NEW CSS */
    text-align: center;
}
body nav#left div#logo img{
    position: relative;
    top: 20px;
}


nav#left i.picto {
	display: inline-block;
	width: 26px;
	height: 26px;
	vertical-align: middle;
	position: relative;
	top: -8px;
	left: -5px;
	background: url('http://2hcp.fr/graphiste_public_bis/img/picto.svg') no-repeat;
	background-size: cover;
}

body nav#left div.action{
    /*border-top: #374052 solid 1px;*/
    /*height: 40px;*/
    width: 100%;
}

body nav#left div.action a {
    display: block;
    padding: 7px 10px; /* NEW CSS */
    color: #97A3C1;
}

div.action a span {
	position: relative;
	top: -1px;
	color: #97A3C1;
}
body nav#left div.action img, body nav#left div.action span img{
    padding-right: 10px;
    margin-top: -1px; /* NEW CSS */
}
body nav#left div.action a:hover{
    background-color: #191d25 !important;
}

body nav#left div.action a.arrow{
    background: url("../img/arrow.png") no-repeat 160px 5px;
}

body nav#left div.search{
    border-top: rgb(32, 33, 44) solid 1px; /* NEW CSS */
    border-bottom: rgb(32, 33, 44) solid 1px; /* NEW CSS */
    height: 40px;
    width: 100%;
    background-color: rgb(35, 38, 44); /* NEW CSS */
}
body nav#left div.search img{
    margin-left: 10px; /* NEW CSS */
    margin-top: -3px; /* NEW CSS */
}

body nav#left div.search input[type=text]{
    border: none;
    background: rgb(35, 38, 44); /* NEW CSS */
    margin-left: 5px;
    margin-top: 0px;
    width: 120px;
    height: 35px;
    color: rgb(71, 82, 104); /* NEW CSS */
}
body nav#left div.search input.activeInput{
    color: rgb(219, 214, 214);
}

#idsearch::-webkit-input-placeholder {
	color: rgb(71, 82, 104);
}

#idsearch::-moz-placeholder {
	color: rgb(71, 82, 104);
}

#idsearch:-moz-placeholder {
	color: rgb(71, 82, 104);
}

#idsearch::-ms-placeholder {
	color: rgb(71, 82, 104);
}

#idsearch::-o-placeholder {
	color: rgb(71, 82, 104);
}

#idsearch:focus::-webkit-input-placeholder {
    color: rgb(88,102,129);
}

#idsearch:focus::-moz-placeholder {
    color: rgb(88,102,129);
}

#idsearch:focus:-moz-placeholder {
    color: rgb(88,102,129);
}

#idsearch:focus::-ms-placeholder {
    color: rgb(88,102,129);
}

#idsearch:focus::-o-placeholder {
    color: rgb(88,102,129);
}

body nav#left ul{
    margin: 0;
    padding: 0;
}

body nav#left #listMatieresConteneur {
	overflow:auto;
}

body nav#left #listMatieresConteneur .mCSB_dragger_bar {
	background:#eaeaea;
}

body nav#left #listMatieresConteneur .mCSB_dragger_Rail {
	background:rgba(0,0,0,0);
	display:none;
}

body nav#left #listMatieresConteneur .mCSB_container {
	margin-right:0;
}

body nav#left ul#listMatieres li.toplevel{
    /*height: 40px;*/
    border-bottom: #374052 solid 0px; /* NEW CSS */
}

body nav#left ul#listMatieres li.toplevel > a{
    display: block;
    /*height: 20px;*/
    padding: 8px 0px 6px 10px; /* NEW CSS */
}
body nav#left ul#listMatieres li.toplevel a img{
    padding-right: 10px;
    margin-top: -3px; /* NEW CSS */
}

body nav#left ul#listMatieres li.toplevel > a:hover{
    background: #191d25;
}
body nav#left ul#listMatieres li.toplevel > a.opened{
    background: #191d25;
}

body nav#left ul.sub{
    display: none;
    padding-left: 38px; /* NEW CSS */
    padding-bottom: 10px;
    padding-top: 5px;
    background: #191d25;
}
body nav#left ul.sub li{
    padding-bottom: 6px;
}
body nav#left ul.sub li a{
    color: #767C88;
    font-weight: bold; /* NEW CSS */
}
body nav#left ul.sub li a:hover{
    color: #fff;
}

body nav#left div#defilNavLeft{
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 650;
    height: 20px;
    background: #2F3645;
    width: 180px;
    text-align: center;
}
body nav#left div#upNavLeft{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 650;
    height: 20px;
    background: #2F3645;
    width: 180px;
    text-align: center;
}

body nav#right div#defilNavRight{
    display: none;
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 650;
    height: 15px;
    background: #F4F2F2;
    width: 190px;
    text-align: center;
    padding: 5px 0 0 0;
}
body nav#right div#upNavRight{
    display: none;
    position: fixed;
    top: 40px;
    right: 0;
    z-index: 650;
    height: 15px;
    background: #F4F2F2;
    width: 190px;
    text-align: center;
    padding: 5px 0 0 0;
}

/* NAV LEFT SPRITES */
i.logo {
	width:122px;
	height:34px;
	display:inline-block;
	margin-top: 20px;
	background:url('../img/logo.svg') no-repeat 0 0;
	background-size:122px 34px;
}

.search_icons {
	width: 17px;
	height: 17px;
	display: inline-block;
	background-repeat:no-repeat;
	vertical-align: middle;
	background-image:url('../img/sprites_icons.png');
	margin: 0 0 0 10px;
}

.search_icons.search {
	background-position: -68px -37px;
}

.header_icons {
	width:20px;
	height:20px;
	display: inline-block;
	background-repeat:no-repeat;
	vertical-align: middle;
	background-image:url('../img/sprites_icons.png');
}

.header_icons.left_button {
	background-position:-100px -54px;
}	

.account_icons {
	width: 17px;
	height: 17px;
	margin-right: 10px;
	display: inline-block;
	background-repeat:no-repeat;
	vertical-align: middle;
	float: left;
	top: -3px;
	position: relative;
	background-image:url('../img/sprites_icons.png');
}

.account_icons.perso {
	background-position:0 -37px;
}

.account_icons.star {
	background-position:-34px -37px;
}

.account_icons.niveaux {
	background-position:-51px -37px;
}

.account_icons.cadenas {
	background-position:-17px -37px;
}

.matieres_icons {
	width: 17px;
	height: 17px;
	margin-right:10px;
	display: inline-block;
	background-repeat:no-repeat;
	vertical-align: middle;
	margin-top:-3px;
	background-image:url('../img/sprites_icons.png');
}

.matieres_icons.mat, .classeur_matieres_icons.mat {
	background-position:0 0;
}

.matieres_icons.phy, .classeur_matieres_icons.phy {
	background-position:-17px 0;
}

.matieres_icons.chi, .classeur_matieres_icons.chi {
	background-position:-34px 0;
}

.matieres_icons.svt, .classeur_matieres_icons.svt {
	background-position:-51px 0;
}

.matieres_icons.ang, .classeur_matieres_icons.ang {
	background-position:-68px 0;
}

.matieres_icons.all, .classeur_matieres_icons.all {
	background-position:-85px 0;
}

.matieres_icons.esp, .classeur_matieres_icons.esp {
	background-position:-102px 0;
}

.matieres_icons.ecj, .classeur_matieres_icons.ecj {
	background-position:-119px 0;
}

.matieres_icons.sci, .classeur_matieres_icons.sci {
	background-position:-136px 0;
}

.matieres_icons.fra, .classeur_matieres_icons.fra {
	background-position:-153px 0;
}

.matieres_icons.lit, .classeur_matieres_icons.lit {
	background-position:-170px 0;
}

.matieres_icons.ses, .classeur_matieres_icons.ses {
	background-position:-187px 0;
}

.matieres_icons.phi, .classeur_matieres_icons.phi {
	background-position:-204px 0;
}

.matieres_icons.his, .classeur_matieres_icons.his {
	background-position:-221px 0;
}

.matieres_icons.geo, .classeur_matieres_icons.geo {
	background-position:-238px 0;
}

.new_sprites {
    width: 20px;
    height: 21px;
    margin: 0 8px 0 0;
    display: inline-block;
    vertical-align: middle;
    background:url('../img/sprites_kartable.png')no-repeat;
}

.new_sprites.mat {
    background-position:0 0; 
}
.new_sprites.phy {
    background-position:-22px 0; 
}
.new_sprites.chi {
    background-position:-42px 0; 
}
.new_sprites.svt {
    background-position:-64px 0; 
}
.new_sprites.ang {
    background-position:-84px 0; 
}
.new_sprites.esp {
    background-position:-106px 0; 
}
.new_sprites.lit {
    background-position:-128px 0; 
}
.new_sprites.his {
    background-position:-150px 0; 
}
.new_sprites.geo {
    background-position:-172px 0; 
}
.new_sprites.ses {
    background-position:-194px 0; 
}
.new_sprites.phi {
    background-position:-216px 0; 
}
.new_sprites.fra {
    background-position:-238px 0; 
}
.new_sprites.sci {
    background-position:-260px 0; 
}
.new_sprites.ecj {
    background-position:-282px 0; 
}
.new_sprites.all {
    background-position:-304px 0; 
}
/**************/
/* NAV RIGHT */
body nav#right{
    background: #fff; /* NEW CSS */
    position: fixed;
    width: 200px;
    top: 40px;
    right: 0;
    z-index: 100;
   /* box-shadow: inset 2px 0 3px rgba(10,10,10,0.1); */ /* NEW CSS */
    padding-bottom: 100px;
}

body nav#right div.separator {
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    margin:1.5em 0;
    width: 175px;
    margin-left: 20px;
}

body nav#right div.subtitle{
    padding: 16px 5px 13px 0px; /* NEW CSS */
    border-bottom: solid 1px rgb(150, 150, 150); /* NEW CSS */
}

body nav#right div.subtitle h2{
    font-size: 14px; /* NEW CSS */
    line-height: 18px; /* NEW CSS */
    float: right;
    margin: 0;
    padding: 0 5px 0 0; /* NEW CSS */
    width:160px;
    color: rgb(111, 111, 111); /* NEW CSS */
	min-height: 35px;
}

body nav#right div.subtitle a.star, body nav#right div.subtitle a.starOff {
    float:left;
    margin: -4px 5px 0px 0px;
    display: block;
}

body nav#right div.subtitle a.flag {
	width: 22px;
	height: 22px;
	display: inline-block;
	position: absolute;
	background: url('http://2hcp.fr/graphiste_public_bis/img/sprites_icons.png') no-repeat;
	background-position: -43px -89px;
	left: 0;
	top: 40px;
	cursor:pointer;
}

body nav#right ul {
    list-style-type:none;
    margin: 0px 0 0 0; /* NEW CSS */
    padding: 0 10px 50px 0; /* NEW CSS */
    line-height: 14px;
}
body div#summary_wrapper .mCSB_container {
	margin-right:0;
}
body nav#right ul li{
    min-height: 18px;
    margin-bottom: 2px;
    color: rgb(155, 151, 151); /* NEW CSS */
}
body nav#right ul li.niv1{
    font-weight: normal; /* avant bold */
    padding-top: 20px; /* NEW CSS */
}
body nav#right ul li.niv1:first-child{
    padding-top: 0px;
}

body nav#right ul li.niv2{
}
body nav#right ul li.niv3{
}
body nav#right ul li span.num{
    display: block;
    float: left;
    padding: 0px; /* avant 2px */
    color: #fff;
    width: 14px;
    height: 14px;
    text-align: center;
    margin-right: 5px;
}
body nav#right ul li a{
    display: block;
    padding-top: 0px; /* avant 2px */
    /* text-decoration: underline;*/ /* NEW CSS */
}

body nav#right ul li.niv1 span.num{
    background-color: rgb(17, 16, 16); /* NEW CSS */
}
body nav#right ul li.niv2 span.num{
    background-color: rgb(107, 104, 104); /* NEW CSS */
}
body nav#right ul li.niv3 span.num{
    background-color: rgb(162, 148, 151); /* NEW CSS */
}

body section#content div.buttonRight{
    height: 50px;
    width: 182px;
    margin:30px auto -20px;
}

body section#content div.buttonRight a{
    height: 10px;
    width: 80px;
    display: inline-block;
    padding: 10px 5px;
    font-size: 1.1em;
    font-weight: normal; /* NEW CSS */
    line-height:.9;
    float:left;
    text-align:center;
}

body section#content div.buttonRight a span {
	position: relative;
	top: -4px;
}

nav#right i {
	float: left;
	margin: 0 5px 0 0;
}

body section#content div.buttonRight a.unclicked {	
    color: #999; /* NEW CSS */
    border: 0 0 0 1px;
    border-bottom: 1px solid #ccc;
}

body section#content div.buttonRight a.clicked {
    color: #555; /* NEW CSS */
    font-weight:bold;
    border: 1px solid #ccc;
    border-bottom:0;
}
body section#content div.buttonRight img{
    margin-right: 5px;
}
body nav#right div.toolsRight{
    margin: 10px;
    text-align: center;
}
body nav#right div.toolsRight a.fb{
    float: right; /* NEW CSS */
    padding: 3px;
    /*background: #355088;*/ /* NEW CSS */
}
body nav#right div.toolsRight a.twitter{
    float: right; /* NEW CSS */
    padding: 4px 2px 4px 2px; /* NEW CSS */
    /*background: #00aced;*/ /* NEW CSS */
    margin-right: 5px;
}

body nav#right div.toolsRight a.flag{
    float: right;
    padding: 3px; /* NEW CSS */
}

body nav#right div.toolsRight a.fb img, body nav#right div.toolsRight a.twitter img, body nav#right div.toolsRight a.flag img{
    height: auto !important; /* NEW CSS */
}


/****************************/
/* SECTION#CONTENT > COURS */

section#content{
    position: relative;
    top: 40px;
    left: 50px;
    width: 80%;/*jquery ajdusted*/
    z-index: 0;

    line-height: 1.8em; /* NEW CSS */
    padding-bottom: 30px;
    /*margin-top: 110px;/*for the fixed headers, 80 normally*/
}

section#content article{
    margin: 10px 0px 0px 20px;
    color: #616161;
}


section#content article a{
    color: blue; /* NEW CSS */
}

section#content article>:first-child.introduction, article>:first-child.box.nom, article>:first-child.resume, article>:first-child.exemple, article>:first-child.methode, article>:first-child.box.titre, article>:first-child.box.auteur, article>:first-child.roc, article>:first-child.monoquestion, article>:first-child.sujet{
    margin-top: 39px !important; /* NEW CSS */
}


/* fixed header animation deactivated
section#content h1.fixed, section#content h2.fixed,section#content h3.fixed{
    margin: 0;
    left: 200px;    
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
section#content h1.fixed{
    position: fixed;
    top: 40px;

    z-index: 400;
}
section#content h2.fixed{
    position: fixed;
    top: 76px;
    z-index: 400;
}
section#content h3.fixed{
    position: fixed;
    top: 112px;
    z-index: 400;
}*/


section#content h1 span.num, section#content h2 span.num, section#content h3 span.num{
    width: 15px;
    text-align: center;
    display: inline-block;
    margin-right: 10px;
    height: 18px; /* NEW CSS */
    color: #fff;	
    font-weight: normal;
    font-size: 14px;
    padding: 5px;        
}
section#content h1 span.num{
    background: rgb(185, 4, 32); /* NEW CSS */
	font-weight: bold;
}
section#content h2 span.num{
    background: rgb(218, 21, 52); /* NEW CSS */
}
section#content h3 span.num{
    background: rgb(247, 53, 84); /* NEW CSS */
}

section#content h1, section#content h2, section#content h3{
    border-bottom: solid 1px #E2E2E2;
    padding: 5px 0;
    background: #fff;
    margin: 0;
}

section#content h1{
    font-size: 1.6em;
    color: rgb(185, 4, 32); /* NEW CSS */
    font-weight: bold; /* NEW CSS */
	Page-Break-After: Never;
}

section#content h1#chap{
    font-size: 2.2em;
    color: rgb(100, 100, 100); /* NEW CSS */
    font-weight: bold; /* NEW CSS */
}

section#content h2{
    font-size: 1.4em;
    color: rgb(218, 21, 52); /* NEW CSS */
    font-weight: normal; /* NEW CSS */
	Page-Break-After: Never;
}
section#content h3{
    font-size: 1.4em;
    color: rgb(247, 53, 84); /* NEW CSS */
    font-weight: normal; /* NEW CSS */
	Page-Break-After: Never;
}

section#content p{
    font-size: 12px;
    margin: 1.3em 0;
}

section#content p:first-child {
	margin-top: 0;
}

section#content p:last-child {
	margin-bottom: 0;
}


section#content ul{
    font-size: 12px;
    margin: 1.3em 0;
}

section#content ul:first-child {
	margin-top: 0;
}

section#content ul:last-child {
	margin-bottom: 0;
}

section#content li{
    margin-bottom: 5px; /* NEW CSS */
}

section#content li:last-child {
	margin-bottom: 0; /* NEW CSS */
}

section#content article .image img{
    margin-top: 4px;
    margin-bottom: 4px;
    margin-left: auto;
    margin-right: auto;
	display: block;
	/*
	float: left;
	*/
	max-width: 100%;
	height: auto;
}

section#content article .image p.legend{
	text-align:center;
    margin-top: 1.3em;
}


@media \0screen {
  img { 
  	width: auto; /* for ie 8 */
  }
}

section#content img:first-child {
	margin-top: 0;
}

section#content img:last-child {
	margin-bottom: 0;
}


section#content div.methode span.num{
    width: auto;
    text-align: center;
    display: inline-block;
    margin-right: 6px; /* NEW CSS */
    height: 15px;
    color: #616161; /* NEW CSS */	
    font-weight: bold; /* NEW CSS */
    font-size: 14px; /* NEW CSS */
    padding: 0px; /* NEW CSS */
    /*background: #A74A44;*/ /* NEW CSS */
}


section#content div.methode span.num:after{
	content: " :"; /* NEW CSS */
}


section#content article>:first-child.methode{
    margin-top: 0px !important; /* NEW CSS */
}


section#content div.etape span.num{
    width: auto;
    text-align: center;
    display: inline-block;
    margin-right: 10px;
    height: 18px; /* NEW CSS */
    color: #fff;	
    font-weight: normal;
    font-size: 12px; /* NEW CSS */
    padding: 5px;
    background: rgb(185, 4, 32); /* NEW CSS */
}


section#content div.methode{
    font-size: 14px; /* NEW CSS */
    color: #616161; /* NEW CSS */
    border-bottom: solid 1px #fff;
    padding: 5px 0;
    background: #fff;
    margin: 30px 0 8px 0; /* NEW CSS */
}
section#content div.etape{
    font-size: 12px; /* NEW CSS */
    color: rgb(185, 4, 32);
    border-bottom: solid 1px #E2E2E2;
    padding: 5px 0;
    background: #fff;
    margin: 0;
    font-weight:normal; /* NEW CSS */
}

section#content div.exercice{
    font-size: 12px; /* NEW CSS */
    color:#616161;
    border-bottom: solid 1px #E2E2E2;
    padding: 5px 0;
    background: #fff;
    margin: 0;
    font-weight:normal; /* NEW CSS */
}

section#content div.exercice span.num{
    width: auto;
    text-align: center;
    display: inline-block;
    margin-right: 10px;
	margin-top: 3px;
    height: 18px; /* NEW CSS */
    color: #fff;	
    font-weight: normal;
    font-size: 12px; /* NEW CSS */
    padding: 5px;
    background: rgb(185, 4, 32); /* NEW CSS */
}


div.question span.num{
    width: 14px;
    text-align: center;
    display: inline-block;
    margin-right: 5px;
	margin-top: 3px;
    height: 18px; /* NEW CSS */
    color: #fff;	
    font-weight: normal;
    font-size: 12px;
    padding: 2px;
    background: rgb(185, 4, 32); /* NEW CSS */
}

div.question{
    font-size: 12px;
    color: #616161; /* NEW CSS */
    /*border-bottom: solid 1px #E2E2E2;*/
    background: #fff;
    margin: 0px 0px 0px 5px;
    font-weight:normal; /* NEW CSS */
}

div.question.niv1 span.num{
    background: rgb(185, 4, 32) !important; /* NEW CSS */
}

div.question.niv2 span.num{
    background: rgb(218, 21, 52) !important; /* NEW CSS */
}

div.question.niv2{
    color: #616161;
}

div.question.niv3 span.num{
    background: rgb(247, 53, 84);
}

div.question.niv3{
    color: rgb(247, 53, 84);
}


section#content div.doc span.num{
    width: auto;
    text-align: center;
    display: inline-block;
    margin-right: 10px;
    height: 18px; /* NEW CSS */
    color: #fff;	
    font-weight: normal;
    font-size: 12px;
    padding: 5px;
    background: rgb(185, 4, 32); /* NEW CSS */
}

section#content div.part span.num{
    width: auto;
    text-align: center;
    display: inline-block;
    margin-right: 6px; /* NEW CSS */
    height: 15px;
    color: #616161; /* NEW CSS */	
    font-weight: bold; /* NEW CSS */
    font-size: 14px; /* NEW CSS */
    padding: 0px; /* NEW CSS */
    /*background: #A74A44;*/ /* NEW CSS */
}

section#content div.exo span.num{
    width: auto;
    text-align: center;
    display: inline-block;
    margin-right: 6px; /* NEW CSS */
    height: 15px;
    color: #616161; /* NEW CSS */	
    font-weight: bold; /* NEW CSS */
    font-size: 16px; /* NEW CSS */
    padding: 0px; /* NEW CSS */
    /*background: #A74A44;*/ /* NEW CSS */
}


section#content div span.bareme{
    display: inline-block !important;
    margin-left: 5px !important;
    color: #B2B2B2 !important;	
    font-weight: normal !important;
    font-size: 9px !important;
    padding: 0px 0px 5px 0px !important; /* NEW CSS */
    height: 15px !important;
	vertical-align: middle !important;
    /*background: #fff !important;*/ /* NEW CSS */
}



section#content div.doc{
    font-size: 1.4em;
    color: #616161; /* NEW CSS */
    border-bottom: solid 1px #fff;
    padding: 5px 0;
    background: #fff;
    margin: 0 0 15px 0;
    /*font-weight:bold;*/ /* NEW CSS */
}

section#content div.part{
    font-size: 14px; /* NEW CSS */
    color: #616161;
    border-bottom: solid 1px #fff;
    padding: 5px 0;
    background: #fff;
    margin: 20px 0 15px 0; /* NEW CSS */
    font-weight:bold;
}

section#content div.exo{
    font-size: 1.4em;
    color: #616161; /* NEW CSS */
    border-bottom: solid 1px #fff;
    padding: 5px 0;
    background: #fff;
    margin: 20px 0 15px 0;
    font-weight:bold;
}

section#content div.text{
    padding: 0px 0px; /* NEW CSS */
	margin-top: 30px;
	margin-bottom: 1.3em;
    font-size: 12px;
    position: relative;
    color: #616161;
    white-space:initial;
}

section#content div.box{
    background: rgb(253, 234, 236); /* NEW CSS */
    padding: 12px 10px; /* NEW CSS */
	margin-top: 30px;
	margin-bottom: 1.3em;
    font-size: 12px;
    position: relative;
    color: #616161;
    white-space:initial;
	Page-Break-Inside: Avoid;
}



section#content div.box:first-child {
	margin-top: 0;
}

section#content div.box:last-child {
	margin-bottom: 0;
}



section#content div.boxpicto{
    background: rgb(255, 252, 228); /* NEW CSS */
    padding: 12px 10px; /* NEW CSS */
	margin-top: 30px;
	margin-bottom: 1.3em;
    font-size: 12px;
    position: relative;
    color: #616161;
}


section#content div.boxpicto:first-child {
	margin-top: 0;
}

section#content div.boxpicto:last-child {
	margin-bottom: 0;
}


section#content div.plainbox{
    background: #fff;
    padding: 5px 0;
	margin-top: 30px;
	margin-bottom: 1.3em;
    font-size: 12px;
    position: relative;
    color: #616161;
}


section#content div.plainbox:first-child {
	margin-top: 0;
}

section#content div.plainbox:last-child {
	margin-bottom: 0;
}

section#content div.sujet{
    background: rgb(253, 234, 236); /* NEW CSS */
    padding: 12px 10px; /* NEW CSS */
	margin-top: 30px;
	margin-bottom: 1.3em;
    font-size: 12px;
    position: relative;
    color: #616161;
}


section#content div.plainbox.theorie:before{
    content: "THÉORIE"; /* NEW CSS */
    font-size: 9px;
    position: absolute;
    left: 0px;
    top: -19px; /* NEW CSS */
    color: #B2B2B2;
}


section#content div.plainbox.theorie{
    padding: 20px !important; /* NEW CSS */
    background: rgb(248, 248, 248) !important; /* NEW CSS */
    border: solid 1px #E2E2E2; /* NEW CSS */
    margin-top: 60px !important; /* NEW CSS */
}


section#content div.plainbox.themes:before{
    content: "THÈMES ABORDÉS"; /* NEW CSS */
    font-size: 9px;
    position: absolute;
    left: 0px;
    top: -19px; /* NEW CSS */
    color: #B2B2B2;
}

section#content div.plainbox.themes{
    padding: 20px !important; /* NEW CSS */
    background: rgb(248, 248, 248) !important; /* NEW CSS */
    border: solid 1px #E2E2E2; /* NEW CSS */
    margin-top: 60px !important; /* NEW CSS */
}


section#content div.plainbox.summary:before{
    content: "RÉSUMÉ"; /* NEW CSS */
    font-size: 9px;
    position: absolute;
    left: 0px;
    top: -19px; /* NEW CSS */
    color: #B2B2B2;
}


section#content div.plainbox.summary{
    padding: 20px !important; /* NEW CSS */
    background: rgb(248, 248, 248) !important; /* NEW CSS */
    border: solid 1px #E2E2E2; /* NEW CSS */
}


section#content div.plainbox.bio:before{
    content: "BIOGRAPHIE"; /* NEW CSS */
    font-size: 9px;
    position: absolute;
    left: 0px;
    top: -19px; /* NEW CSS */
    color: #B2B2B2;
}

section#content div.plainbox.bio{
    padding: 20px !important; /* NEW CSS */
    background: rgb(248, 248, 248) !important; /* NEW CSS */
    border: solid 1px #E2E2E2; /* NEW CSS */
    margin-top: 60px !important; /* NEW CSS */
}


section#content div.demoroc{
    font-size: 12px; /* NEW CSS */
}


section#content div.plainbox.demoroc:before{
    content: "DÉMONSTRATION"; /* NEW CSS */
    font-size: 9px;
    position: absolute;
    left: 0px;
    top: -19px; /* NEW CSS */
    color: #B2B2B2;
}


section#content div.sujet.compo:before{
    content: "COMPOSITION"; /* NEW CSS */
    font-size: 9px;
    position: absolute;
    left: 0px;
    top: -19px; /* NEW CSS */
    color: #B2B2B2;
}


section#content div.sujet.expr:before{
    content: "EXPRESSION"; /* NEW CSS */
    font-size: 9px;
    position: absolute;
    left: 0px;
    top: -19px; /* NEW CSS */
    color: #B2B2B2;
}


section#content div.sujet.etudedocs:before{
    content: "ETUDE DE DOCUMENTS"; /* NEW CSS */
    font-size: 9px;
    position: absolute;
    left: 0px;
    top: -19px; /* NEW CSS */
    color: #B2B2B2;
}


section#content div.sujet.schema:before{
    content: "SCHÉMA"; /* NEW CSS */
    font-size: 9px;
    position: absolute;
    left: 0px;
    top: -19px; /* NEW CSS */
    color: #B2B2B2;
}


section#content div.sujet.dissertation:before{
    content: "DISSERTATION"; /* NEW CSS */
    font-size: 9px;
    position: absolute;
    left: 0px;
    top: -19px; /* NEW CSS */
    color: #B2B2B2;
}


section#content div.sujet.qstionsurdoc:before{
    content: "QUESTION SUR DOCUMENT"; /* NEW CSS */
    font-size: 9px;
    position: absolute;
    left: 0px;
    top: -19px; /* NEW CSS */
    color: #B2B2B2;
}


section#content div.sujet.reflexion:before{
    content: "RÉFLEXION"; /* NEW CSS */
    font-size: 9px;
    position: absolute;
    left: 0px;
    top: -19px; /* NEW CSS */
    color: #B2B2B2;
}


section#content div.sujet.explication:before{
    content: "EXPLICATION DE TEXTE"; /* NEW CSS */
    font-size: 9px;
    position: absolute;
    left: 0px;
    top: -19px; /* NEW CSS */
    color: #B2B2B2;
}


section#content div.sujet.questionsann:before{
    content: "QUESTIONS"; /* NEW CSS */
    font-size: 9px;
    position: absolute;
    left: 0px;
    top: -19px; /* NEW CSS */
    color: #B2B2B2;
}


section#content div.sujet.dictee:before{
    content: "DICTÉE"; /* NEW CSS */
    font-size: 9px;
    position: absolute;
    left: 0px;
    top: -19px; /* NEW CSS */
    color: #B2B2B2;
}


section#content div.sujet.imagination:before{
    content: "IMAGINATION"; /* NEW CSS */
    font-size: 9px;
    position: absolute;
    left: 0px;
    top: -19px; /* NEW CSS */
    color: #B2B2B2;
}


section#content div.sujet.reecriture:before{
    content: "RÉÉCRITURE"; /* NEW CSS */
    font-size: 9px;
    position: absolute;
    left: 0px;
    top: -19px; /* NEW CSS */
    color: #B2B2B2;
}


section#content div.boxpicto.astuce:before{
    content: "ASTUCE"; /* NEW CSS */
    font-size: 9px;
    position: absolute;
    left: 0px;
    top: -19px; /* NEW CSS */
    color: #B2B2B2;
}


section#content div.boxpicto.piege:before{
    content: "PIÈGE"; /* NEW CSS */
    font-size: 9px;
    position: absolute;
    left: 0px;
    top: -19px; /* NEW CSS */
    color: #B2B2B2;
}

section#content div.boxpicto.methodeconseil:before{
    content: "CONSEILS"; /* NEW CSS */
    font-size: 9px;
    position: absolute;
    left: 0px;
    top: -19px; /* NEW CSS */
    color: #B2B2B2;
}

section#content div.boxpicto.methodeparents:before{
    content: "CONSEILS AUX PARENTS"; /* NEW CSS */
    font-size: 9px;
    position: absolute;
    left: 0px;
    top: -19px; /* NEW CSS */
    color: #B2B2B2;
}

section#content div.boxpicto.methodeaeviter:before{
    content: "À ÉVITER"; /* NEW CSS */
    font-size: 9px;
    position: absolute;
    left: 0px;
    top: -19px; /* NEW CSS */
    color: #B2B2B2;
}

section#content div.boxpicto.methodetemps:before{
    content: "GÉRER SON TEMPS"; /* NEW CSS */
    font-size: 9px;
    position: absolute;
    left: 0px;
    top: -19px; /* NEW CSS */
    color: #B2B2B2;
}

section#content div.box.corollaire{	
    /* border-left: solid 2px #7a8dad; */ /* NEW CSS */
}
section#content div.box.corollaire:before{
    content: "COROLLAIRE"; /* NEW CSS */
    font-size: 9px;
    position: absolute;
    left: 0px;
    top: -19px; /* NEW CSS */
    color: #B2B2B2;
}


section#content div.box.definition{	
    /* border-left: solid 2px #7a8dad; */ /* NEW CSS */
}
section#content div.box.definition:before{
    content: "DÉFINITION"; /* NEW CSS */
    font-size: 9px;
    position: absolute;
    left: 0px;
    top: -19px; /* NEW CSS */
    color: #B2B2B2;
}

section#content div.box.notation{	
    /* border-left: solid 2px #7a8dad; */ /* NEW CSS */
}
section#content div.box.notation:before{
    content: "NOTATION"; /* NEW CSS */
    font-size: 9px;
    position: absolute;
    left: 0px;
    top: -19px; /* NEW CSS */
    color: #B2B2B2;
}


section#content div.box.exceptions{	
    /* border-left: solid 2px #7a8dad; */ /* NEW CSS */
}
section#content div.box.exceptions:before{
    content: "EXCEPTIONS"; /* NEW CSS */
    font-size: 9px;
    position: absolute;
    left: 0px;
    top: -19px; /* NEW CSS */
    color: #B2B2B2;
}


section#content div.box.formule{	
    /* border-left: solid 2px #7a8dad; */ /* NEW CSS */
}
section#content div.box.formule:before{
    content: "FORMULE"; /* NEW CSS */
    font-size: 9px;
    position: absolute;
    left: 0px;
    top: -19px; /* NEW CSS */
    color: #B2B2B2;
}


section#content div.box.prop{	
    /* border-left: solid 2px #7a8dad; */ /* NEW CSS */
}
section#content div.box.prop:before{
    content: "PROPRIÉTÉS"; /* NEW CSS */
    font-size: 9px;
    position: absolute;
    left: 0px;
    top: -19px; /* NEW CSS */
    color: #B2B2B2;
}


section#content div.box.conjrule{	
    /* border-left: solid 2px #7a8dad; */ /* NEW CSS */
}
section#content div.box.conjrule:before{
    content: "RÈGLES DE CONJUGAISON"; /* NEW CSS */
    font-size: 9px;
    position: absolute;
    left: 0px;
    top: -19px; /* NEW CSS */
    color: #B2B2B2;
}


section#content div.box.grammarule{	
    /* border-left: solid 2px #7a8dad; */ /* NEW CSS */
}
section#content div.box.grammarule:before{
    content: "RÈGLES DE GRAMMAIRE"; /* NEW CSS */
    font-size: 9px;
    position: absolute;
    left: 0px;
    top: -19px; /* NEW CSS */
    color: #B2B2B2;
}


section#content div.box.orthorule{	
    /* border-left: solid 2px #7a8dad; */ /* NEW CSS */
}
section#content div.box.orthorule:before{
    content: "ORTHOGRAPHE"; /* NEW CSS */
    font-size: 9px;
    position: absolute;
    left: 0px;
    top: -19px; /* NEW CSS */
    color: #B2B2B2;
}


section#content div.box.theoreme{	
    /* border-left: solid 2px #7a8dad; */ /* NEW CSS */
}
section#content div.box.theoreme:before{
    content: "THÉORÈME"; /* NEW CSS */
    font-size: 9px;
    position: absolute;
    left: 0px;
    top: -19px; /* NEW CSS */
    color: #B2B2B2;
}


section#content div.box.loi{	
    /* border-left: solid 2px #7a8dad; */ /* NEW CSS */
}
section#content div.box.loi:before{
    content: "LOI"; /* NEW CSS */
    font-size: 9px;
    position: absolute;
    left: 0px;
    top: -19px; /* NEW CSS */
    color: #B2B2B2;
}


section#content div.box.protocole{	
    /* border-left: solid 2px #7a8dad; */ /* NEW CSS */
}
section#content div.box.protocole:before{
    content: "PROTOCOLE D'EXPÉRIMENTATION"; /* NEW CSS */
    font-size: 9px;
    position: absolute;
    left: 0px;
    top: -19px; /* NEW CSS */
    color: #B2B2B2;
}


section#content div.box.verbesirr{	
    /* border-left: solid 2px #7a8dad; */ /* NEW CSS */
}
section#content div.box.verbesirr:before{
    content: "VERBES IRRÉGULIERS"; /* NEW CSS */
    font-size: 9px;
    position: absolute;
    left: 0px;
    top: -19px; /* NEW CSS */
    color: #B2B2B2;
}


section#content div.box.titre{	
    /* border-left: solid 2px #7a8dad; */ /* NEW CSS */
    background: none !important; /* NEW CSS */
    padding: 0 !important; /* NEW CSS */
}
section#content div.box.titre:before{
    content: "TITRE"; /* NEW CSS */
    font-size: 9px;
    position: absolute;
    left: 0px;
    top: -19px; /* NEW CSS */
    color: #B2B2B2;
}


section#content div.box.auteur{	
    /* border-left: solid 2px #7a8dad; */ /* NEW CSS */
    background: none !important; /* NEW CSS */
    padding: 0 !important; /* NEW CSS */
}

section#content div.box.auteur:before{
    content: "AUTEUR"; /* NEW CSS */
    font-size: 9px;
    position: absolute;
    left: 0px;
    top: -19px; /* NEW CSS */
    color: #B2B2B2;
}


section#content div.box.date{	
    /* border-left: solid 2px #7a8dad; */ /* NEW CSS */
    background: none !important; /* NEW CSS */
    padding: 0 !important; /* NEW CSS */
}

section#content div.box.date:before{
    content: "DATES"; /* NEW CSS */
    font-size: 9px;
    position: absolute;
    left: 0px;
    top: -19px; /* NEW CSS */
    color: #B2B2B2;
}


section#content div.box.genre{	
    /* border-left: solid 2px #7a8dad; */ /* NEW CSS */
    background: none !important; /* NEW CSS */
    padding: 0 !important; /* NEW CSS */
}

section#content div.box.genre:before{
    content: "GENRE"; /* NEW CSS */
    font-size: 9px;
    position: absolute;
    left: 0px;
    top: -19px; /* NEW CSS */
    color: #B2B2B2;
}

section#content div.box.ouvrages{	
    /* border-left: solid 2px #7a8dad; */ /* NEW CSS */
    background: none !important; /* NEW CSS */
    padding: 0 !important; /* NEW CSS */
}

section#content div.box.ouvrages:before{
    content: "ŒUVRES PRINCIPALES"; /* NEW CSS */
    font-size: 9px;
    position: absolute;
    left: 0px;
    top: -19px; /* NEW CSS */
    color: #B2B2B2;
}

section#content div.box.nom{	
    /* border-left: solid 2px #7a8dad; */ /* NEW CSS */
    background: none !important; /* NEW CSS */
    padding: 0 !important; /* NEW CSS */
}

section#content div.box.nom:before{
    content: "NOM"; /* NEW CSS */
    font-size: 9px;
    position: absolute;
    left: 0px;
    top: -19px; /* NEW CSS */
    color: #B2B2B2;
}

section#content div.box.nation{	
    /* border-left: solid 2px #7a8dad; */ /* NEW CSS */
    background: none !important; /* NEW CSS */
    padding: 0 !important; /* NEW CSS */
}

section#content div.box.nation:before{
    content: "NATIONALITÉ"; /* NEW CSS */
    font-size: 9px;
    position: absolute;
    left: 0px;
    top: -19px; /* NEW CSS */
    color: #B2B2B2;
}

section#content div.box.methodecoeff{	
    /* border-left: solid 2px #7a8dad; */ /* NEW CSS */
}
section#content div.box.methodecoeff:before{
    content: "COEFFICIENT"; /* NEW CSS */
    font-size: 9px;
    position: absolute;
    left: 0px;
    top: -19px; /* NEW CSS */
    color: #B2B2B2;
}

section#content div.box.methodeduree{	
    /* border-left: solid 2px #7a8dad; */ /* NEW CSS */
}
section#content div.box.methodeduree:before{
    content: "DURÉE DE L'ÉPREUVE"; /* NEW CSS */
    font-size: 9px;
    position: absolute;
    left: 0px;
    top: -19px; /* NEW CSS */
    color: #B2B2B2;
}



section#content div.exemple{
    background: #fff;
    padding: 10px 0px 10px 10px;
    margin-left: 30px;
	margin-top: 30px;
	margin-bottom: 1.3em;
    font-size: 12px;
    position: relative;
    color: #616161;
    border-left: solid 4px #f2f2f2;
	Page-Break-Inside: Avoid;
}



section#content div.exemple:first-child {
	margin-top: 0;
}

section#content div.exemple:last-child {
	margin-bottom: 0;
}


section#content div.exemple:before{
    content: "EXEMPLE"; /* NEW CSS */
    font-size: 9px;
    position: absolute;
    left: -5px;
    top: -19px; /* NEW CSS */
    color: #B2B2B2;
}


section#content div.monoquestion{
    background: #fff; /* NEW CSS */
    padding: 10px 0px 10px 10px; /* NEW CSS */
	margin-top: 30px; /* NEW CSS */
	margin-bottom: 30px; /* NEW CSS */
    font-size: 12px; /* NEW CSS */
    position: relative; /* NEW CSS */
    color: #616161; /* NEW CSS */
    border-left: solid 4px #f2f2f2; /* NEW CSS */
}


section#content div.monoquestion:before{
    content: "ENONCÉ"; /* NEW CSS */
    font-size: 9px; /* NEW CSS */
    position: absolute; /* NEW CSS */
    left: -5px; /* NEW CSS */
    top: -19px; /* NEW CSS */
    color: #B2B2B2; /* NEW CSS */
}


section#content div.citation{
    background: #fff;
    padding: 10px 0px 10px 10px;
    margin-left: 30px;
	margin-top: 30px;
	margin-bottom: 1.3em;
    font-size: 12px;
    position: relative;
    color: #616161;
    border-left: solid 4px #f2f2f2;
}


section#content div.citation:first-child {
	margin-top: 0;
}

section#content div.citation:last-child {
	margin-bottom: 0;
}


section#content div.citation:before{
    content: "CITATION"; /* NEW CSS */
    font-size: 9px;
    position: absolute;
    left: -5px;
    top: -19px; /* NEW CSS */
    color: #B2B2B2;
}


section#content div.extrait{
    background: #fff;
    padding: 10px 0px 10px 10px;
    margin-left: 30px;
	margin-top: 30px;
	margin-bottom: 1.3em;
    font-size: 12px;
    position: relative;
    color: #616161;
    border-left: solid 4px #f2f2f2;
}


section#content div.extrait:first-child {
	margin-top: 0;
}

section#content div.extrait:last-child {
	margin-bottom: 0;
}


section#content div.extrait:before{
    content: "EXTRAIT D'ŒUVRE"; /* NEW CSS */
    font-size: 9px;
    position: absolute;
    left: -5px;
    top: -19px; /* NEW CSS */
    color: #B2B2B2;
}


section#content div.reference{
    /* background: #fff; */ /* NEW CSS */
    padding: 0;
	margin: 1.3em 0;
    font-size: 10px;
    position: relative;
    color: #616161;
	font-style: italic;
	text-align: right;
}


section#content div.reference:first-child {
	margin-top: 0; /* NEW CSS */
}

section#content div.reference:last-child {
	margin-bottom: 0; /* NEW CSS */
}


section#content div.datechrono{
    background: #fff;
    padding: 0;
    margin: 0;
    font-size: 10px;
    position: relative;
    color: #B2B2B2;
}


section#content div.evtchrono{
    font-size: 12px;
    margin-bottom: 1.8em; /* NEW CSS */
    color: #616161; /* NEW CSS */
    margin-top: -12px /* NEW CSS */
}

section#content div.complement{
    font-size: 12px;
	margin: 1.3em 0;
}

section#content div.notedoc{
    font-size: 10px !important; /* NEW CSS */
    color: #B2B2B2;
	margin: 1.3em 0;
}


section#content div.objetude{
    font-size: 12px;
	margin: 1.3em 0;
}


section#content div.objetude:first-child {
	margin-top: 0;
}

section#content div.objetude:last-child {
	margin-bottom: 0;
}


section#content div.caption{
    background: #fff;
    padding: 0;
	margin: 1.3em 0;
    font-size: 10px !important; /* NEW CSS */
    position: relative;
    color: #616161;
	text-align: center;
}

section#content div.situation{
    padding: 20px;
    color: #616161; /* NEW CSS */
	margin-top: 30px;
	margin-bottom: 1.3em;
    font-size: 12px;
    background: rgb(248, 248, 248); /* NEW CSS */
    position: relative;
    border-radius: 0px; /* NEW CSS */
    border: solid 1px #E2E2E2;
}


section#content div.situation:first-child {
	margin-top: 0;
}

section#content div.situation:last-child {
	margin-bottom: 0;
}


section#content div.situation:before{
    content: "SITUATION"; /* NEW CSS */
    font-size: 9px;
    position: absolute;
    left: 0px;
    top: -19px; /* NEW CSS */
    color: #B2B2B2;
}

section#content div.savoir_faire{
    padding: 20px;
    color: #616161; /* NEW CSS */
	margin-top: 30px;
	margin-bottom: 1.3em;
    font-size: 12px;
    background: rgb(248, 248, 248); /* NEW CSS */
    position: relative;
    border-radius: 0px; /* NEW CSS */
    border: solid 1px #E2E2E2;
}


section#content div.savoir_faire:first-child {
	margin-top: 0;
}

section#content div.savoir_faire:last-child {
	margin-bottom: 0;
}


section#content div.savoir_faire:before{
    content: "SAVOIR FAIRE"; /* NEW CSS */
    font-size: 9px;
    position: absolute;
    left: 0px;
    top: -19px; /* NEW CSS */
    color: #B2B2B2;
}

section#content div.resume{
    padding: 20px;
    color: #616161; /* NEW CSS */
	margin-top: 30px;
	margin-bottom: 1.3em;
    font-size: 12px;
    background: rgb(248, 248, 248); /* NEW CSS */
    position: relative;
    border-radius: 0px; /* NEW CSS */
    border: solid 1px #E2E2E2;
}


section#content div.resume:first-child {
	margin-top: 0;
}

section#content div.resume:last-child {
	margin-bottom: 0;
}


section#content div.resume:before{
    content: "RÉSUMÉ"; /* NEW CSS */
    font-size: 9px;
    position: absolute;
    left: 0px;
    top: -19px; /* NEW CSS */
    color: #B2B2B2;
}


section#content div.introduction{
    padding: 20px;
    color: #616161; /* NEW CSS */
	margin-top: 30px;
	margin-bottom: 1.3em;
    font-size: 12px;
    background: rgb(248, 248, 248); /* NEW CSS */
    position: relative;
    border-radius: 0px; /* NEW CSS */
    border: solid 1px #E2E2E2;
}


section#content div.introduction:first-child {
	margin-top: 0;
}

section#content div.introduction:last-child {
	margin-bottom: 0;
}


section#content div.introduction:before{
    content: "INTRODUCTION"; /* NEW CSS */
    font-size: 9px;
    position: absolute;
    left: 0px;
    top: -19px; /* NEW CSS */
    color: #B2B2B2;
}

section#content div.conclusion{
    padding: 20px;
    color: #616161; /* NEW CSS */
	margin-top: 30px;
	margin-bottom: 1.3em;
    font-size: 12px;
    background: rgb(248, 248, 248); /* NEW CSS */
    position: relative;
    border-radius: 0px; /* NEW CSS */
    border: solid 1px #E2E2E2;
}


section#content div.conclusion:first-child {
	margin-top: 0;
}

section#content div.conclusion:last-child {
	margin-bottom: 0;
}


section#content div.conclusion:before{
    content: "CONCLUSION"; /* NEW CSS */
    font-size: 9px;
    position: absolute;
    left: 0px;
    top: -19px; /* NEW CSS */
    color: #B2B2B2;
}

section#content div.transition{
    padding: 20px;
    color: #616161; /* NEW CSS */
	margin-top: 30px;
	margin-bottom: 1.3em;
    font-size: 12px;
    background: rgb(248, 248, 248); /* NEW CSS */
    position: relative;
    border-radius: 0px; /* NEW CSS */
    border: solid 1px #E2E2E2;
}


section#content div.transition:first-child {
	margin-top: 0;
}

section#content div.transition:last-child {
	margin-bottom: 0;
}


section#content div.transition:before{
    content: "TRANSITION"; /* NEW CSS */
    font-size: 9px;
    position: absolute;
    left: 0px;
    top: -19px; /* NEW CSS */
    color: #B2B2B2;
}

section#content div.methode{
    padding: 20px;
    color: #616161; /* NEW CSS */
	margin-top: 30px;
	margin-bottom: 1.3em;
    font-size: 12px;
    background: rgb(248, 248, 248); /* NEW CSS */
    position: relative;
    border-radius: 0px; /* NEW CSS */
    border: solid 1px #E2E2E2;
}


section#content div.methode:first-child {
	margin-top: 0;
}

section#content div.methode:last-child {
	margin-bottom: 0;
}


section#content div.methode:before{
    content: "METHODE"; /* NEW CSS */
    font-size: 9px;
    position: absolute;
    left: 0px;
    top: -19px; /* NEW CSS */
    color: #B2B2B2;
}


section#content div.reponse{
    font-size: 12px;
	margin: 1.3em 0;
}


section#content div.reponse:first-child {
	margin-top: 0;
}

section#content div.reponse:last-child {
	margin-bottom: 0;
}


section#content div.remarque{
    font-size: 12px;
    color: rgb(134, 132, 132); /* NEW CSS */
	margin-top: 30px;
	margin-bottom: 1.3em;
	padding: 12px 10px; /* NEW CSS */
	background: rgb(248, 248, 248); /* NEW CSS */
    position: relative; /* NEW CSS */
	Page-Break-Inside: Avoid;
}


section#content div.remarque:first-child {
	margin-top: 0;
}

section#content div.remarque:last-child {
	margin-bottom: 0;
}


section#content div.remarque:before{
    content: "REMARQUE"; /* NEW CSS */
    font-size: 9px; /* NEW CSS */
    position: absolute; /* NEW CSS */
    left: 0px; /* NEW CSS */
    top: -19px; /* NEW CSS */
    color: #B2B2B2; /* NEW CSS */
}

section#content div.consignes{
    font-size: 12px; /* NEW CSS */
    color: #616161; /* NEW CSS */
    font-style: italic;
	margin: 1.3em 0;
}


section#content div.consignes:first-child {
	margin-top: 0;
}

section#content div.consignes:last-child {
	margin-bottom: 0;
}


section#content div.resultat{
    background: rgb(253, 234, 236); /* NEW CSS */
    padding: 12px 10px; /* NEW CSS */
	margin: 1.3em 0;
    font-size: 12px;
    position: relative;
    color: #616161;
}


section#content div.resultat:first-child {
	margin-top: 0;
}

section#content div.resultat:last-child {
	margin-bottom: 0;
}


section#content div.enonce{
    /* padding: 20px; */ /* NEW CSS */
    color: #616161; /* NEW CSS */
	margin: 1.3em 0;
    font-size: 12px;
    /* background: #FBE6E2; */ /* NEW CSS */
    position: relative;
    /* border-radius: 3px; */ /* NEW CSS */
    border: solid 0px #FFDFC4; /* NEW CSS */
}


section#content div.enonce:first-child {
	margin-top: 0;
}

section#content div.enonce:last-child {
	margin-bottom: 0;
}


section#content div.roc{
    background: #fff; /* NEW CSS */
    padding: 10px 0px 10px 10px; /* NEW CSS */
	margin-top: 30px; /* NEW CSS */
	margin-bottom: 30px; /* NEW CSS */
    font-size: 12px; /* NEW CSS */
    position: relative; /* NEW CSS */
    color: #616161; /* NEW CSS */
    border-left: solid 4px #f2f2f2; /* NEW CSS */
}

section#content div.roc:before{
    content: "ROC"; /* NEW CSS */
    font-size: 9px; /* NEW CSS */
    position: absolute; /* NEW CSS */
    left: 0px; /* NEW CSS */
    top: -19px; /* NEW CSS */
    color: #B2B2B2; /* NEW CSS */
}


section#content div.roc:first-child {
	margin-top: 0;
}

section#content div.roc:last-child {
	margin-bottom: 0;
}


section#content span.partdemo{
    width: auto;
    text-align: center;
    display: inline-block;
    height: auto;
    color: #616161; /* NEW CSS */	
    font-weight: bold; /* NEW CSS */
    font-size: 12px;
    padding: 0px; /* NEW CSS */
    /*background: rgb(185, 4, 32);*/ /* NEW CSS */
}

section#content span.partdemo:before{
    content: "\25b6\00a0"; /* NEW CSS */
}

section#content span.entoure{
	border: 2px solid #616161;
	padding: 2px;
}


section#content div.biographie{
    margin: 25px 0;
}
section#content div.biographie div{
    color: #fff;
    background: #8FA2D1;
    padding: 10px 20px;
    margin-bottom: 10px;
    float: left;
    font-size: 12px;
}
section#content div.biographie p{
    margin-left: 20px;
    margin-bottom: 10px;
    clear: both;
}



section#content table {
	margin-top: 1.3em;
	margin-bottom: 1.3em;
	border-spacing: 10px;
	vertical-align: top;
}

section#content table tr td{
	vertical-align: top;
}

section#content table:first-child {
	margin-top: 0;
}

section#content table:last-child {
	margin-bottom: 0;
}

section#content table {
	margin-top: 1.3em;
	margin-bottom: 1.3em;
}

section#content .divisioneuclidienne {
	border-collapse:collapse;
	font-size: 12px; /* NEW CSS */
}
section#content .divisioneuclidienne td {
	padding:5px;
}
section#content .soustraction {
	border-bottom:1px solid black;
}
section#content .quotient {
	border-left:1px solid black;
}
section#content .diviseur {
	border-bottom:1px solid black;
	border-left:1px solid black;
}

section#content td.highlight {
	background-color: rgb(253, 234, 236);
}

section#content .algo {
	border: solid 1px #616161;
	margin-left: auto;
	margin-right: auto;
	font-size: 12px;
	font-family: Consolas, Monofur, Courier;
	padding: 5px;
	margin: 5px;
}

section#content .algo td {
	padding: 5px;
	vertical-align: top;
}

section#content table.tableau {
	border: solid 1px #616161;
	margin-left: auto;
	margin-right: auto;
    border-collapse: collapse;
    font-size: 12px;
}

section#content table.tableau td, table.tableau th{
	padding: 10px;
	vertical-align: top;
	text-align: center;
	border: solid 1px #616161;
}

section#content table.tableau th{
	font-weight: bold;
	background-color: #E6E6E6;
}


/*toolbar*/
div.toolsMobile{
    display: none;
    width: 100%;
    background: #F5F5F5;
	margin-top:-1px;
	max-height:40px;
	overflow:hidden;
}

div.toolsMobile ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: inline-block;
	float: left;
}

div.toolsMobile ul li {
	float: left;
	visibility:hidden;
}

div.toolsMobile ul li a {
	display: inline-block;
	margin: 12px 14px;
	color:rgb(124, 121, 121);
}

div.toolsMobile ul li.active {
	/*background-color:rgb(218, 218, 218);*/
    background: white;
}

.toolsMobile ul li.minified span {
	display:none;
}

.toolsMobile ul li.minified {
	border-right: 1px solid rgb(230, 230, 230);
}

i.types_icons {
	display:inline-block;
	width:15px;
	height:15px;
	background-image:url('../img/sprites_icons.png');
	background-repeat:no-repeat;
}

i.types_icons.cours, .classeur_types_icons.cours {
	background-position:0 -74px;
}

i.types_icons.quiz, i.types_icons.quiz-bac, i.types_icons.quiz-brevet, i.classeur_types_icons.quiz, i.classeur_types_icons.quiz-bac, i.classeur_types_icons.quiz-brevet {
	background-position:-15px -74px;
}

i.types_icons.methode, i.types_icons.methodologie, .classeur_types_icons.methode, .classeur_types_icons.methodologie {
	background-position:-30px -74px;
}

i.types_icons.exercice, .classeur_types_icons.exercice {
	background-position:-45px -74px;
}

i.types_icons.probleme, .classeur_types_icons.probleme {
	background-position:-60px -74px;
}

i.types_icons.organisation, i.classeur_types_icons.organisation {
	background-position:-75px -74px;
}

i.types_icons.fiche-bac, i.classeur_types_icons.fiche-bac, i.types_icons.fiche-brevet, i.classeur_types_icons.fiche-brevet {
	background-position:-90px -74px;
}

i.types_icons.roc, .classeur_types_icons.roc {
	background-position:-105px -74px;
}

i.types_icons.sujet-type, .classeur_types_icons.sujet-type, i.types_icons.exercice-type, .classeur_types_icons.exercice-type {
	background-position:-120px -74px;
}

i.types_icons.annale, .classeur_types_icons.annale {
	background-position:-135px -74px;
}

i.types_icons.conjugaisons, .classeur_types_icons.conjugaisons {
	background-position:-150px -74px;
}

i.types_icons.expression-ecrite, .classeur_types_icons.expression-ecrite {
	background-position:-165px -74px;
}

i.types_icons.auteur, i.types_icons.personnage-cle, .classeur_types_icons.auteur, .classeur_types_icons.personnage-cle {
	background-position:-180px -74px;
}

i.types_icons.profil-d-oeuvre, .classeur_types_icons.profil-d-oeuvre {
	background-position:-195px -74px;
}

i.types_icons.classification-periodique, .classeur_types_icons.classification-periodique {
	background-position:-210px -74px;
}

i.types_icons.citations, i.classeur_types_icons.citations {
	background-position:-255px -74px;
}

i.types_icons.chronologie, i.classeur_types_icons.chronologie, i.types_icons.repere-chronologique, i.classeur_types_icons.repere-chronologique {
	background-position:-270px -74px;
}

i.types_icons.dissertation, i.classeur_types_icons.dissertation {
	background-position:-285px -74px;
}

i.types_icons.molecules-chimiques, i.classeur_icons.molecules-chimiques {
	background-position:-270px -89px;
}

i.types_icons.lexique, i.classeur_icons.lexique {
	background-position:-285px -89px;
}

div.toolsMobile ul li span {
	margin-left:10px;
	position: relative;
	top: -3px;
}

div.toolsMobile a.fb{
    float: left;
    padding: 5px;
    background: #355088;
}
div.toolsMobile a.twitter{
    float: left;
    padding: 5px;
    background: #00aced;
    margin-right: 5px;
}

div.toolsMobile a.flag{
    float: right;
    margin-top: 5px;
}

div.toolsMobileBot {
	height: 35px;
	width: 180px;
	position: relative;
	margin: 20px auto;
	display: none;
	border-bottom: 3px solid #b11029;
}

 div.toolsMobileBot div.buttonRight{
    height: 31px;
}

div.toolsMobileBot div.buttonRight a{
    height: 10px;
    width: 80px;
    display: block;
    padding: 10px 0px 15px 10px;
    font-size: 1.1em;
    font-weight: bold;
    float: left;
    line-height:1.4;
}

div.toolsMobileBot div.buttonRight a.clicked{	
    background: #da1534;
    color:#fff;
}

div.toolsMobileBot div.buttonRight a.unclicked{
    background: #b11029;
    color:rgb(187, 187, 187);
}
div.toolsMobileBot div.buttonRight a img{
    margin: 0px 5px 0px 8px;
}

div.toolsMobile a.star{
    display: block;
    float: right;
    margin: 3px 0px 0 10px;    
}

i.tools_icons {
	height: 15px;
	width: 15px;
	display: inline-block;
	background-image: url('../img/sprites_icons.png');
	margin: -3px 7px 0 0;
}

i.tools_icons.enonce {
	background-position:-225px -74px;
}

a.clicked i.tools_icons.enonce {
	background-position: -225px -89px;
}

i.tools_icons.corrige {
	background-position:-240px -74px;
}

a.clicked i.tools_icons.corrige {
	background-position:-240px -89px;
}

/*************/
/* SUBMENUS */
body div.submenu_wrapper{
    position: fixed;
    display: none;
    left: 0;
    top: 0;
    z-index: 550;
    background: #f5f5f5;
    height:100%;
    max-height:100%;
    overflow:auto;
}

body div.submenu_wrapper .mCSB_container {
	margin-right:0;
}

body div.submenu_wrapper ul {
	list-style: none;
	padding:0;
	margin:0;
	position:relative;
}

body ul.submenu > li{
    width: 245px;
    position: relative;
}
body ul.submenu > li > a{
    display: block;
    background: #f5f5f5;
    padding: 7px 7px 7px 15px; /* NEW CSS */
    border-bottom: solid 1px #e6e6e6;
    min-height: 25px;
    font-size: 1.2em;
    font-weight: normal; /* NEW CSS */
    line-height: 1.4em; /* NEW CSS */
    color: rgb(73, 76, 100); /* NEW CSS */
}

body ul.submenu > li > a:hover{
    background: #e6e6e6;
}

body ul.submenu > li > a span{
    display:block;
    font-size:0.8em; /* NEW CSS */
    color: #999;
    font-weight: normal;
}

/*
ul.submenu li.defilMenu{
    display: none;
    height: auto;
    left: 180px;
    bottom: 0;
    position: fixed;
    text-align: center;
    width: 245px;
    margin: 0px;
    padding: 0;
    z-index: 650;
}
ul.submenu li.upMenu{
    display: none;
    height: auto;
    left: 180px;
    top: 0;
    position: fixed;
    text-align: center;
    width: 245px;
    margin: 0px;
    padding: 0;
    z-index: 650;
}
ul.submenu li.defilMenu a, ul.submenu li.upMenu a{
    padding: 0;
}
*/

body ul.options-submenu{
    position: absolute;
    top: 0;
    left: 245px;
    display: none;
    margin: 0;
    padding: 0;
    background: #515967;
    z-index: 300;
    width: 600px;
}

ul.options-submenu > li{	
    display:block;
    float: left;
    color: #fff;
    height: 65px;
    width: 120px;	
}
ul.options-submenu > li a{	
    display:block;
    color: #fff;
    height: 20px;
    text-align: center;
    padding: 25px 0 20px 0;
    font-size: 1.2em;
    font-weight: bold;
}
ul.options-submenu > li a:hover{	
    background: #2f3644;
}
ul.options-submenu > li a img{	
    padding-right: 10px;
}

/*****************************/
/* SLIDE CLASSEUR/RECHERCHE */

body div.big-slide{
    position: fixed;
    /*display: block;
    left: 180px;*/
    display: none;
    left: -340px;
    z-index: 300;
    margin: 0;
    padding: 0;
    background: #f5f5f5;
    width: 520px;
}

body div#classeur{
    top: 101px;
}
body div#recherche{
    top: 148px;
    background:#fff;
}

body div#recherche .mCSB_container {
	margin-right:0;
}

body div.big-slide ul.list-big-slide{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

body div#recherche .matiere_line {
	font-size: 12px;
    border-bottom: 1px solid #ccc;
    padding:5px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    width:100%;
}

body div#recherche .matiere_line img {
    vertical-align: middle;
    margin: 3px 6px 3px 6px;
}

body div#recherche .matiere_line span {
	top: 1px;
    position: relative;
    color: #333;
}

body div#recherche .result_line a {
	text-decoration:none;
	color:#111;
	display:inline-block;
	padding:10px 20px 10px 50px;
	width:100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	font:12px sans-serif;
}
			
body div#recherche .result_line {
	border-bottom:1px solid #ccc;
}

body div#recherche .result_line:last-child {
	border:0;
}

body div#recherche .result_line p:nth-child(1) {
	margin:0;
	padding:0;
	font-weight:bold;
}

body div#recherche .result_line p:nth-child(2) {
	margin-bottom:0;
	margin-top:4px;
	color:#777;
}

body div#recherche .result_line:hover, body div#recherche .result_line.hovered,  body div#recherche .result_line.hovered:hover, div#recherche:hover .footer-big-slide.hovered:hover {
	background-color:rgb(218, 21, 52);
}

div#recherche:hover .result_line.hovered, div#recherche:hover .footer-big-slide.hovered  {
	background-color:inherit;
}

div#recherche:hover .result_line.hovered p:nth-child(1) {
	color:#111;
}

div#recherche:hover .result_line.hovered p:nth-child(2) {
	color:#777;
}

div#recherche:hover .footer-big-slide.hovered {
	color:#111;
}

body div#recherche .result_line:hover p:nth-child(1), body div#recherche .result_line.hovered p:nth-child(1),  body div#recherche .result_line.hovered:hover p:nth-child(1) {
	color:#f3f3f3;
}

body div#recherche .result_line:hover p:nth-child(2), body div#recherche .result_line.hovered p:nth-child(2),  body div#recherche .result_line.hovered:hover p:nth-child(2) {
	color:#eaeaea;
}

body div#recherche .type_line {
	padding:5px 0 5px 20px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
    width:100%;
    background: rgb(233, 234, 235);
    color: rgb(124, 121, 121);
    font: 12px sans-serif;
    border-bottom: 1px solid #e3e3e3;
}

body div#recherche .type_line img {
	margin: 3px 6px;
    vertical-align: middle;
}

body div#recherche .type_line span {
	position: relative;
    top: 2px;
}

body div.big-slide ul.list-big-slide li{
    border-bottom: 1px solid #E6E6E6;
    width: 100%;
}
body div.big-slide ul.list-big-slide li b{
    display: block;
    font-weight: bold;
}

body div.big-slide ul.list-big-slide li div.matiere-item{
    float: left;
    background: #f5f5f5;
    padding: 5px 0 5px 15px;
    width: 130px;
    line-height: 1.4em;
}
body div.big-slide ul.list-big-slide li div.titre-item{
    float: left;
    background: #fff;
    padding: 5px 0 5px 15px;
    width: 360px;
    line-height: 1.4em;
    color: #b0b0b0;
}
body div.big-slide ul.list-big-slide li div.titre-item b{
    color: #384966;
}

body div.big-slide ul.list-big-slide li a.star{
    float: right;
    margin: 3px 5px 0px 0;
}

body div.big-slide ul.list-big-slide li div.matiere-item.hovered, body div.big-slide ul.list-big-slide li div.titre-item.hovered, body div.big-slide ul.list-big-slide li a.star-item.hovered{
    background-color: #ccc !important;
}

body div.big-slide div.footer-big-slide {
	text-align:right;
	padding:10px 20px;
	font-family: Verdana,Geneva,Kalimati,sans-serif;
	border-top:1px solid #ccc;
}
			
body div.big-slide div.footer-big-slide a {
	color:#111;
	font-size:12px;
	text-decoration:none;
}

body div#recherche:hover div.footer-big-slide.hovered a {
	color:#111;
}

body div.big-slide div.footer-big-slide:hover, body div.big-slide div.footer-big-slide.hovered, body div.big-slide div.footer-big-slide.hovered:hover {
	background-color:rgb(218, 21, 52);
}

body div.big-slide div.footer-big-slide:hover a, body div.big-slide div.footer-big-slide.hovered a, body div.big-slide div.footer-big-slide.hovered:hover a,  body div#recherche:hover div.footer-big-slide.hovered:hover a {
	color:#eaeaea;
}

/*********************/
/* selection niveau */

body ul#niveau-menu{
    position: fixed;
    /*display: block;
    left: 180px;*/
    display: none;
    left: 0;
    top: 0;
    z-index: 550;
    margin: 0;
    padding: 0;
    list-style-type: none;	
    background: #f5f5f5;
    height: 100%;
}
body ul#niveau-menu li{
    height: 40px;
    /*width: 55px;*/
    min-width: 70px;
    width: 70px;
    position: relative;
}
body ul#niveau-menu li a:hover{
    background: #e6e6e6;
}
body ul#niveau-menu li a{
    display: block;
    background: #f5f5f5;
    padding: 15px 0 5px 15px;
    border: solid 1px #e6e6e6;
    height: 20px;
    font-size: 1.2em;
    font-weight: bold;
}

/********************/
/* CONTENT > ACCOUNT */

section#content div.sectionInfo, section#content div.sectionInfoCheck{
    padding: 20px;
    border-bottom: solid 1px #ebebeb;
}

section#content div.sectionInfo div.titleInfo, section#content div.sectionInfoCheck div.titleInfo{
    color: #999999;
    padding-bottom: 25px;
    font-size: 1.7em;
}
section#content div.sectionInfo label{
    font-weight: bold;
    font-size: 1.3em;
    width: 120px;
    display: inline-block;
}
section#content div.sectionInfo input[type=text], section#content div.sectionInfo input[type=password]{
    height: 35px;
    box-shadow: none;
    border: solid 1px #d9d9d9;
    width: 220px;
    margin-bottom: 20px;    
    margin-right: 20px;
    font-size: 1.3em;
    padding: 0 15px;    
}

/*section#content div.sectionInfo input[type=checkbox]{
    box-shadow: none;
    border: solid 1px #d9d9d9;
    margin-right: 20px;
    margin-bottom: 20px;
}*/

section#content div.sectionInfo em{
}

section#content div.sectionInfo a.button, div.popin a.button{
    display:block;
    color: #fff;
    margin-top: 10px;
    float: left;
    margin-right: 10px;
    padding: 19px 15px 11px 45px;
    font-size: 1.4em;
    height: 15px;
    vertical-align: bottom;
    line-height: 10px;
}

section#content div.sectionInfo a.button.nopic, div.popin a.button.nopic{
    padding: 17px 15px 13px 15px !important;
}

section#content div.sectionInfo a.button.save{
    background: #5c9e5e;
    border-bottom: solid 3px #478548;
}
section#content div.sectionInfo a.button.save:hover{
    background-color: #478548;
}

section#content div.sectionInfo a.button.unreg{
    /*background: #c95151;
    border-bottom: solid 3px #a64242;*/
    font-size: 1.1em;
    background: none;
    color: #000;
}
section#content div.sectionInfo a.button.unreg:hover{
    text-decoration: underline;
}
section#content div.sectionInfo a.button.twitter, div.popin a.button.twitter{
    border-bottom: solid 3px #0097cf;
    background: url("../img/twitter.png") no-repeat scroll 10px center #00aced;
}
section#content div.sectionInfo a.button.twitter:hover, div.popin a.button.twitter:hover{
    background-color: #0097cf;
}

section#content div.sectionInfo a.button.facebook, div.popin a.button.facebook{
    border-bottom: solid 3px #2b416e;
    background: url("../img/fb.png") no-repeat scroll 10px center #355088;
}
section#content div.sectionInfo a.button.facebook:hover, div.popin a.button.facebook:hover{
    background-color: #2b416e;
}

div.popin a.button.twitter, div.popin a.button.facebook{
    width: 190px;
}

/***********************/
/* CONTENT > CLASSEUR */

section#content div#titleClasseur{
    text-align: center;
    font-weight: bold;
    font-size: 2.5em;
    margin-top: 115px;
    line-height: 1.5em;
}
section#content div.textClasseur{
    text-align: center;
    font-size: 1.2em;
    margin-top: 30px;
    color: #a6a6a6;
}
section#content div.subTextClasseur{
    text-align: center;
    font-size: 1.2em;
    margin-top: 80px;
    color: #a6a6a6;
}

/*********************/
/* CONTENT > NIVEAU */

section#content div#premImgNiveau{
    background: url("../img/changer-classe.png");
    height: 130px;
    width: 370px;
    margin-top: 30px;
}
section#content div#secImgNiveau{
    background: url("../img/changer-matiere.png");
    height: 130px;
    width: 370px;	
    margin-top: 90px;
}

section#content div#titleNiveau{
    text-align: center;
    font-weight: bold;
    font-size: 4.0em;
    margin-top: 50px;
    color: #2f3645;
}
section#content div.textNiveau{
    text-align: center;
    font-size: 2.5em;
    margin-top: 20px;
    color: #2f3645;
}

/*************************************/
/* CONTENT > GENERIQUE (404, etc... */

section#content div#titleContent{
    text-align: center;
    font-weight: bold;
    font-size: 2.5em;
    margin-top: 115px;
    line-height: 1.5em;
}
section#content div.textContent{
    text-align: center;
    font-size: 1.3em;
    margin-top: 30px;
}
section#content div.textContent a{
    text-decoration: underline;
}

section#content div.subTextContent{
    text-align: center;
    font-size: 1.3em;
    margin-top: 80px;
}

section#content div.textContent ul{
    list-style-type: none;
    line-height: 1.2em;
}
section#content div.textContent ul li{
    padding-bottom: 5px;
}
section#content div.textContent ul li a{
    font-weight: bold;
    color: #2f3645;
}

section#content div.gris{
    color: #a6a6a6;
}

/***********************************************/
/* CONTENT > PAGE RESULT (classeur et search) */

section#content div.itemResult{
	border-top: solid 1px rgb(223, 223, 223); /* NEW CSS */
}
/*section#content div:first-child {*/
section#content div:first-child.itemResult{
	border-top: none !important; /* NEW CSS */
}
section#content div.itemResult div.matiereItemResult{
    background: rgb(255, 255, 255); /* NEW CSS */
    padding: 12px 20px 12px 20px; /* NEW CSS */
    font-size: 14px; /* NEW CSS */
    color: rgb(139, 139, 139); /* NEW CSS */
}
section#content div.itemResult div.matiereItemResult i, section#content div.itemResult div.typeItemResult i {
    margin-right: 8px; /* NEW CSS */
    margin-top: -3px; /* NEW CSS */
}
section#content div.itemResult div.matiereItemResult a:first-child {
    font-weight: bold;
}
section#content div.itemResult div.matiereItemResult a.filter, section#content div.itemResult div.typeItemResult a.filter{
    display: none;
    float: right;
    margin-right: 5px;
}

section#content div.itemResult div.typeItemResult{
    background: rgb(255, 255, 255); /* NEW CSS */
    padding: 8px 20px 8px 22px; /* NEW CSS */
    font-size: 13px; /* NEW CSS */
    color: rgb(139, 139, 139); /* NEW CSS */
	border-top: solid 1px rgb(223, 223, 223); /* NEW CSS */
	border-bottom: solid 1px rgb(223, 223, 223); /* NEW CSS */
}
section#content div.itemResult div.titreItemResult{
    background: #fff;
    padding: 8px 20px 13px 20px; /* NEW CSS */
    border-top: solid 1px #F5F5F5;
    min-height: 35px;
}
section#content div.itemResult div:first-child.titreItemResult{
	border-top: none !important; /* NEW CSS */
}
section#content div.itemResult div.typeItemResult + div.titreItemResult{
	border-top: none !important; /* NEW CSS */
}
section#content div.itemResult div.titreItemResult b {
    font-size: 1.3em;
    display: block;
    padding-bottom: 5px;
}
section#content div.itemResult div.titreItemResult b a{
    color: #384966;
}
section#content div.itemResult div.titreItemResult b a:hover{
    color: rgb(218, 21, 52); /* NEW CSS */
}

section#content div.itemResult div.titreItemResult span {
    font-size: 1.1em;
    color: #B0B0B0;
}
section#content div.itemResult div.titreItemResult span a:hover{
    text-decoration: underline;
}

section#content div.itemResult div.titreItemResult a.star {
    float: right;
    display: block;
    margin-top: 6px;
}

section#content div.itemResult div.titreItemResult a.starOff {
    float: right;
    display: block;
    margin-top: 6px;
}

/***********/
/* POPINS */

/* login */
div.popin{
    z-index: 1000;
    position: fixed;
    display: none;
    top: 50%;
    left: 50%;
    margin-left: -340px !important;
    background:#fafafa;
    padding: 40px 45px 35px 45px !important;
}

div.popin .red {
	color:#da1534;
}

div#popLogin{
    width: 590px;
    height: 450px;
    margin-top: -270px;
}

div#popLogin .customCB {
	margin: 0px 0 20px;
}

div#popLogin .customCB span { 
	margin-left: 15px;
	font-size:12px;
	line-height:1.9;
}

div#popRegister{
    width: 590px;
    height: auto;
    min-height: 450px;
    margin-top: -295px;    
}

div#popLogin .button.facebook {
	margin-top:25px;
}

div#popRegister #btnInscriptionTwitter {
	margin: 20px 0 10px;
}

div#popRegister .rightPop {
	padding-top:20px;
}

div#popFlag{
    width: 590px;
    height: 415px;
    margin-top: -245px;    
}
div#popFlag textarea{
    width: 100%;
    height: 200px;
    border: 1px solid #D9D9D9;
    box-shadow: none;
    color: #999999;
    font-size: 1.3em;
    margin-bottom: 20px;
}

div#popFlag input[type="submit"]{
    float: right !important;
}

div.popin div.headPop{
    width: 590px;
    text-align: center;
    font-size: 3.1em;
    font-weight: bold;
    line-height: 2.0em;
    margin-bottom: 40px;
    color:#555;
}

div.popin div.leftPop{
    float: left;
    width: 245px;
    padding: 30px 50px 30px 0;
    border-right: solid 1px #ccc;
}
div.popin div.rightPop{
    float: left;
    padding-left: 45px;
    width: 245px;
    height: 180px;
    padding-top: 30px;
}

div#popLogin .rightPop {
	padding-top:20px;
}

div.popin input[type=text], div.popin input[type=password],div.popin input[type=email], div.popin select {
    height: 35px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: solid 1px #d9d9d9;
    width: 220px;
    margin-bottom: 20px;    
    margin-right: 20px;
    font-size: 1.3em;
    padding: 0 15px;  
    color:rgb(219, 214, 214);
}

section#content div.sectionInfo input.selectedInput,
div.popin input.selectedInput,
div.popin input:focus,
div.popin textarea.selectedInput,
div.popin textarea:focus {
    border: solid 1px #777 !important;
    color:#777;
}

div.popin input.selectedInput::-webkit-input-placeholder {
    color:rgb(88,102,129);
}

div.popin input.selectedInput::-moz-placeholder {
    color:rgb(88,102,129);
}

div.popin input.selectedInput:-moz-placeholder {
    color:rgb(88,102,129);
}

div.popin input.selectedInput::-ms-placeholder {
    color:rgb(88,102,129);
}

div.popin input.selectedInput::-o-placeholder {
    color:rgb(88,102,129);
}

div.popin input:focus::-webkit-input-placeholder {
    color:rgb(88,102,129);
}

div.popin input:focus::-moz-placeholder {
    color:rgb(88,102,129);
}

div.popin input:focus:-moz-placeholder {
    color:rgb(88,102,129);
}

div.popin input:focus::-ms-placeholder {
    color:rgb(88,102,129);
}

div.popin input:focus::-o-placeholder {
    color:rgb(88,102,129);
}

div.popin #niveau_twitter,
div.popin #register_niveau {
    color:#a9a9a9;
}

div.popin #niveau_twitter:focus,
div.popin #register_niveau:focus {
	color:rgb(88,102,129);
}

div.popin div.styled-select select, div.sectionInfo div.styled-select select{
    background: url("../img/select-arrow.png") no-repeat scroll 225px center #fff;
    width: 283px;
    padding: 10px;
    font-size: 1.3em;
    line-height: 1;
    border: 0;
    border-radius: 0;
    height: 35px;
    -webkit-appearance: none;
}

div.popin div.styled-select, div.sectionInfo div.styled-select {
    width: 250px;
    height: 35px;
    overflow: hidden;
    background: url("../img/select-arrow.png") no-repeat scroll 225px center #fff;
    border: 1px solid #d9d9d9;
    color:rgb(219, 214, 214);
}

div.sectionInfo div.styled-select {
    display: inline-block;
}
/*div.popin div.styled-select select  option{
        width: 250px;
}*/

div.popin input[type="submit"], #btn_motdepasseoublie{
    padding: 16px 0px 12px 0px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;    
    box-shadow: none;
    background: #da1534;
    color: #fff;
    border-top: none;
    border-bottom: solid 3px #b11029;
    border-left: none;
    border-right: none;
    font-size: 1.4em;
    width: 250px;    
    text-align: center;
    line-height: 15px;
    margin-top:25px;
}
div.popin input[type="submit"]:hover, #btn_motdepasseoublie:hover{
    background: #b11029;
}
/*div.popin input[type=checkbox]{
    margin: 10px 10px 0 0;
}*/


div.popin label.text{
    font-size: 1.1em;
    margin-top: 13px;
    vertical-align: top;
    display: inline-block;
}

div.popin div.passPop{
    text-align:left;
    margin-top: 20px;
    font-size: 1.1em;
    color: #da1534;
}

div.popin div.passPop a#passwordlost {
	color:#da1534;
}

div.popin div.passPop a:hover{
    text-decoration: underline;
    color:#b11029;
}

div.popin div.sepPop{
    position: absolute;
    color: #eaeaea;
    width: 35px;
    height:35px;
    text-align: center;
    font-size:12px;
    left: 323px;
    background: #797879;
    border-radius:50%;
    line-height:2.8;
}
div.popin div.closePop{
    position: absolute;
    background: white;
    top: 30px;
    right: 70px;    
}

div#popLogin div.sepPop{
    top: 300px;
}
div#popRegister div.sepPop{
    top: 342px;
}

div#popFlag .areaPop textarea {
	max-height:200px;
	resize:none;
	padding: 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

#reponseFormulaireConnexionCompteNonActive, #reponseFormulaireConnexion, #retourFormulaireMotdePasseOublie .red {
	line-height: 1.3em;
	font-family: sans-serif;
	font-size: 12px;
	color:#da1534;
}

/*********/
/* HOME */
body.home{
    background: #E6E6E6;
    color: #fff;    
}

/*** Changements Quentin ***/

body.information {
    background: #f5f5f5;
    color: #292c35;
}
body.information div.newheader a.link-header.active{
    background: #f5f5f5;
    color: #292c35;
}
body.information div#logo {
    position: relative;
    width: 174px;
    height: 47px;
    margin:40px auto 60px;
}
body.information div#logo a {
    width: 174px;
    height: 47px;
    display: inline-block;
    background: url('../img/logo-bleu.png');
}
body.information div.container-information {
    width: 700px;
    margin: 0 auto 20px;
    text-align: center;
}
body.information div.container-information iframe {
    display: inline-block!important;
    vertical-align: top;
    margin: 0 0 10px!important;
}
body.information div.container-information #pagination a {
    background: #fff;
    padding: 10px;
    margin: 10px 2px;
    color: #3a3d47;
    display: inline-block;
}
body.information div.container-information #pagination a.active {
    background: #3a3d47;
    color: #fff;
}
body.information div.container-information .contact-info{
    margin: 0 auto 80px;
}

body.information div.container-information.mention {
    text-align: left;
}
body.information div.container-information .titleInfo{
    color: #999999;
    padding-bottom: 25px;
    font-size: 1.7em;
}
body.information div.container-information .equipe p{
    text-align: left;
}
body.information div.container-information .equipe img{
    width: 100%;
}
body.information div.container-information div.presse {
    text-align:left; 
    margin: 0 0 60px;
}
body.information div.container-information div.presse .titre-presse{
    display: block;
    margin: 0 0 15px;
}
body.information div.container-information div.presse .titre-presse h4{
    font-size: 18px;
    width: 500px;
    line-height: 1;
}

body.information div.container-information div.presse .logo-media {
    width: 100px;
    display: inline-block;
}
body.information div.container-information div.presse .logo-media img{
    border-radius:0; 
    -moz-border-radius:0; 
    -webkit-border-radius:0; 
    -o-border-radius:0; 
    -ms-border-radius:0; 
}
body.information div.container-information div.presse h4 {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    font-size: 12px;
}
body.information div.container-information div.presse .media img {
    width: 360px;
    display: inline-block;

}
body.information div.container-information div.presse p {
    width: 300px;
    display: inline-block;
    vertical-align: top;
    margin: 0;
}
body.information div.container-information div.presse p a {
    color: #da1534;
    font-size: 11px;
}
body.information div.container-information div.presse p span {
    color: #da1534;
    font-size: 11px;
}
body.information div.container-information h3 {
    font-size: 22px;
    color: #292c35;
    margin: 30px 0 40px;
    font-family: lucida grande;
    line-height: 1.5;
}
body.information div.container-information p {
    font-size: 14px;
    line-height: 24px;
    width: 100%;
    margin: 0 auto 30px;
}
body.information div.container-information p.poeme {
    line-height: 21px;
}
body.information div.container-information img {
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    width: 80%; 
    margin: 0 auto;

}
body.information div.container-information div.quotes {
    margin: 0 0 55px;
}
body.information div.container-information div.quotes .icon-quote-up img{
    width: 15px;
    height: 15px;
    margin: -9px 5px 0;
}
body.information div.container-information div.quotes .icon-quote-down img{
    width: 15px;
    height: 15px;
    margin: 4px 5px 0;
}
body.information div.container-information div.quotes blockquote {
    font-size: 14px;
    line-height: 1.5;
    text-align: left;
    margin: 0 0 15px;
}
body.information div.container-information div.quotes span.alignleft {
    font-size: 12px;
    color: #424755;
    text-align: left!important;
}
body.information div.container-information div.detail {
    display: block;
    width: 680px;
    margin: 0 0 90px;
    clear: both;
    position: relative;
    text-align: left;
}
body.information div.container-information div.detail span.icon img {
    width: 30px;
    height: 30px;
    margin: -5px 10px 0 0;
    display: inline-block;
}
body.information div.container-information div.detail h4{
    font-size: 18px;
    font-family: lucida grande;
    margin: 0 0 26px;
    line-height: 1.2;
    display: block;
    position: relative;
    text-align: left;
}
body.information div.container-information div.detail p{
    font-size: 14px;
    width: 320px;
    display: inline-block;
    text-align: left;
    margin: 0;
}
body.information div.container-information div.clear{
    clear: both;
}

body.information div.container-information .left{
    float: left;
}
body.information div.container-information .right{
    float: right;
}
body.information div.container-information div.detail img{
    width: 300px;
    display: inline-block;
    vertical-align: top;
}
body.information div.container-information div.detail img.left{
    float: left;
}
body.information div.container-information div.detail img.right{
    float: right;
}



#popup-help {
    position: fixed;
    top: 0;
    left: 0;
    width: 60%;
    margin: 160px 20%;
    background:rgba(245,245,245,0.95);
    padding: 0;
    text-align: center;
    line-height: 1;
    z-index: 100;
    box-shadow: 0 0 4px rgba(0,0,0,0.4);
    border-radius: 4px;
}
#popup-help #close-help {
    position: absolute;
    float: right;
    top: 0px;
    right: 0px;
    cursor: pointer;
    background: #ff0054;
    padding: 4px 0;
    border-radius:2px; 
}

#popup-help #close-help:hover {
    opacity: 1;
}
#popup-help .device {
    width: 400px;
}
#popup-help #close-help a {
    color: #fff;
    font-weight: bold;
    padding: 4px; 
    margin: 0;
}
#popup-help #close-help a i {
    font-size: 16px;
    font-style: normal;
    vertical-align: middle;
}
#popup-help #close-help img {
    width: 20px;
}
#popup-help a {
    margin: 10px 5px 30px; 
    display: inline-block;

}
#popu-help a img {
   width: 135px;
}
#popup-help h2 {
    color: #000;
    font-size: 30px;
    display: block;
    margin: 15px 0;
    font-family: Helvetica,verdana;
    font-weight: lighter;
}
#popup-help h3 {
    font-weight: lighter;
    color: #b2b2b2;
    font-size: 20px;
    display: block;
    margin: 15px 0;
    font-family: Helvetica,verdana;
}
#popup-help h4 {
    font-weight: lighter;
    color: #b2b2b2;
    font-size: 20px;
    display: block;
    margin: 15px 0;
    font-family: Helvetica,verdana;
}
#popup-help #share-article {
    margin: 60px 0;
}
#popup-help #share-article p{
   color: #1d2335;
   font-weight: bold;
}
#popup-help #share-article .inline {
    display: inline-block;
    margin:20px 10px; 
}
#popup-help span {
    display: block;
    font-size: 16px;
    color: #6d6d6d;
    margin: 0 0 15px;
}
#popup-help #merci-help{
    width: 120px;
    margin: 20px 0 0;
    position: absolute;
    bottom: 10px;
    right: 10px;
    float: right;
}

/*** Fin Changements Quentin ***/

body.home div#logo{
    position: relative;
    width: 174px;
    height: 47px;
    margin:65px auto 20px;
}

body.home div#logo a {
	width: 174px;
	height: 47px;
	display: inline-block;
	background: url('../img/logo.svg');
}

body.home div#fond{
    background: url("../img/home.png");
    position: fixed;
    top: 0;
    left: 0;
    height: 550px;
    width: 100%;    
    z-index: 100;
}

body.home div#containerHome{
    width: 580px;
    text-align: center;
    margin: 30px auto 0 auto;
    position: relative;
    z-index: 150;
}
body.home div#subtitleHome{
    font-size: 35px;
    line-height: 35px;
}

body.home nav{
    margin-top: 40px;
}

body.home nav ul{
    padding: 0;
    margin: 0;
}
body.home nav ul li{
    background: #fff;
    height: 55px;
    width: 80px;
    display: inline-block;
    color: #000;
    margin: 0 15px 20px 0;
    border-bottom: solid 3px #2F3645;
}
body.home nav ul li a{
    font-weight: normal;
    font-size: 20px;
    padding: 22px 0 18px 0;
    display: block;
}
body.home nav ul li:hover{
    background-color: #2F3645;
    color: #666;
}
body.home nav ul li a sup{

}

body.home nav ul li.last{
    margin-right: 0;
}

body.home div#ordisHome{
    margin-top: 10px;
    position: relative;
    margin-left: 80px;
    width: 448px;
    height: 244px;
    background: url("../img/device.png");
}

/** changements Quentin **/

body.home footer,body.information footer{
    position: fixed;
    bottom: 0;
    left: 0;
    height: 20px;
    padding: 15px 20px 5px 20px;
    background: #22252c;
    right: 0;
    z-index: 10; 
    text-align: center;   
}

body.home footer div#copy a, body.home footer div#copy span, body.information footer div#copy a, body.information footer div#copy span {
    font-size: 11px;
    color: #848484;
}
body.home footer div#copy a:hover,body.information footer div#copy a:hover {
    color: #eee;
}
body.home footer div#copy span.circle,body.information footer div#copy span.circle {
    vertical-align: middle;
}


/** Fin changements Quentin **/
/*
body.home footer div#copy{
    float: left;
    color: #999;
}
*/
body.home footer ul{
    float: right;
    color: #2F3645;
    padding: 0;
    margin: 0;
    list-style: disc outside none;
}

body.home footer ul li{
    float: left;
    color:  #374052;
    margin: 0 15px;
    padding-left: 5px;
    font-size: 14px;
}

body.home footer ul li:first-child{
    list-style-type: none;
}



/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
*/

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
*/

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
*/

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
*/

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
*/

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
*/

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
*/

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
    MEDIA QUERIES FOR MOBILE VERSION
   ========================================================================== */

/*media query pour les mobiles et les browser plus petit que 640px*/
@media 
screen and (max-device-width: 1024px),
screen and (max-width: 1024px){

	html {
		transition: left .2s ease-in;
		-o-transition: left .2s ease-in;
		-ms-transition: left .2s ease-in;
		-webkit-transition: left .2s ease-in;
		-moz-transition: left .2s ease-in;
	}

    body nav#left{
        display: none;
        z-index:540;
        height: 100%;
        position: fixed;
		transition: left .2s ease-in;
		-o-transition: left .2s ease-in;
		-ms-transition: left .2s ease-in;
		-webkit-transition: left .2s ease-in;
		-moz-transition: left .2s ease-in;
    }
    body nav#right{
        display:none;
    }
    body header{
        display: none;
    }
    body div#headerMobile{
        display: inline-block;
    }

    /*content*/
    section#content{
        left: 0px;
        top: 0px;
        width: 100%;
    }    
    section#content article{
        margin: 5%;
    }    
    section#content div.sectionInfo, section#content div.sectionInfoCheck{
        padding: 5%
    }


    section#content div#titleClasseur, section#content div#titleContent{
        margin-top: 20px;
    }

    /*menus*/
    body ul#niveau-menu{
        left: -55px;
        position: absolute;
    }

    /*account user*/
    section#content div.sectionInfo label{
        display:inline-block;
        padding-bottom: 10px;
    }
    section#content div.sectionInfo span{
        display: block;     
    }
    section#content div.sectionInfo input[type="text"], section#content div.sectionInfo input[type="password"]{
        width: 88%;
        padding: 0 5%;
    }
    div.sectionInfo div.styled-select {
        width: 100%;
        height: 35px;
        overflow: hidden;
        background: url("../img/select-arrow.png") no-repeat scroll 98% center transparent;
        border: 1px solid #D9D9D9;
    }

    div.sectionInfo div.styled-select select{
        width: 110%;
    } 

    /*mobile popins*/
    div.popin.mobile{
        z-index: 1000;
        position: relative;
		top:0;
		left:0;
		display:block;
		background:transparent;
    }

    div#popLogin.mobile{
        width: auto;
        margin: 1% 3% !important;
    }
    div#popRegister.mobile{
        width: auto;
        margin: 1% 3% !important;
    }
    div.popin.mobile div.headPop{
        width:100%;
        margin-bottom: 0px;
        margin-top:-10px;
    }
    
    div#popLogin.mobile .rightPop {
		padding-bottom: 40px;
	}
	
	div#popRegister.mobile .rightPop {
		padding: 0;
	}
    
    div.popin.mobile div.sepPopWrapper {
		width:100%;
		height:1px;
		background:#ccc;
		margin:60px 0 40px;
	}
    
    div.popin.mobile div.sepPopWrapper span.sepPop {
		top:-18px;
		margin-left:-18px;
		position:relative;
		left:50%;
		color: #eaeaea;
		width: 35px;
		height:35px;
		text-align: center;
		font-size:12px;
		background: #797879;
		border-radius:50%;
		line-height:2.8;
		display:inline-block;
	}

    div.popin.mobile div.leftPop{
        float: none;
        width: 100%;
        padding: 10px 0 0;
        border:0;
        height: auto;
    }
    div.popin.mobile div.rightPop{
        float: none;
        padding: 0;
        width: 100%;
        height: auto;
        margin: 20px 0 0 0;
    }
    div.popin.mobile input[type="text"], div.popin.mobile input[type="password"], div.popin.mobile input[type="email"], div.popin.mobile select{
        width: 100%;
        padding: 0 5%;
        box-sizing:border-box;
        -moz-box-sizing:border-box;
    }
    div.popin.mobile input[type="submit"]{
        width: 100%;
    }

    div.popin.mobile div.styled-select{
        width: 99.5%;
        height: 35px;
        overflow: hidden;
        background: url("../img/select-arrow.png") no-repeat scroll 98% center transparent;
        border: 1px solid #D9D9D9;
    }

    div.popin.mobile div.styled-select select{
        width: 110%;
    }

    div.popin.mobile div.sepMobile{
        border-top: 1px solid #CCCCCC;
        margin: 40px 0 30px 0;
        text-align: center;
    }
    div.popin.mobile div.sepMobile div{
        margin-top: -9px;
        background: #fff;
        width: 20px;    
        text-align: center;
        position: relative;
        left: 50%;
        margin-left: -10px;
        font-size: 1.1em;
    }

    section#content div.sectionInfo a.button, div.popin.mobile a.button{
        float: none;
        padding: 19px 0 11px 0px;
        text-align: center;
    }

    div.popin.mobile a.button.twitter{
        width:100%;
        background: #00ACED;
    }
    div.popin.mobile a.button.facebook{
        width:100%;    
        background: #355088;
    }
    
    div#popRegister.mobile a.button.facebook {
		margin-top:20px;
	}

    div.popin.mobile a.button.twitter:hover{
        background-color: #0097cf;
    }
    div.popin.mobile a.button.facebook:hover{
        background-color: #2b416e;
    }
    
    /*tools*/
    div.toolsMobile {
        position: relative;
		display: inline-block;
    }
    
    div.toolsMobileBot {
		display:block;
	}
    
    /*home*/
    body.home div#ordisHome{
        display:none;
    }
    body.home nav ul li{
        float: none;
        display: block;
        width: 100%;
        margin: 0 15px 5px 0;
    }
    body.home footer{
        position: relative;
    }
    
    body.home div#bandeau{
        display: none;
    }
    
    body.home div#containerHome{
        width: 100%;
        margin-top: 100px;
    }
    
    /*checkbox*/
    div.sectionInfoCheck .customCB b{
        display:block;
        width: auto;
        padding-bottom: 10px;
    }
    div.sectionInfoCheck .customCB label{
        top: 20px;
    }
	
}

/* wide screens */
@media screen and (min-width: 1400px) {
   body.cours section#content{
        margin: 0 auto;
        left: 0;
    }
    
}

@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
    */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 1cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h1, h2, h3 {
        page-break-after: Never;
    }
	
	.pagebreak { page-break-before: always; }
}



/* ==========================================================================
   MATHJAX
   ========================================================================== */

div#MathJax_Message {display: none !important;}



/*****
    01.05.2013
    SAS 2HCP
**/
div#reponseFormulaireInscription{
    width: 100%;
    text-align: center;
    height: auto;
    min-height: 20px;
    padding: 5px;
    margin: 20px 0;
    margin-top: -30px;
    vertical-align: middle;
    line-height: 20px;
    text-align: center;
}
strong.red, h3.red{
    color: red;
}
strong.green, h3.green{
    color: green;
}

span.icone20_20_vide{
    float: right; margin-right: 5%; margin-top: 5px; width: 20px; height: 20px;
}

div.toolsMobile a.blankG{ /*pour le blank à gauche*/
    float: left;
    padding: 5px;
    margin-left: 2px;
    margin-right: 2px;
    width: 20px;
    height: 20px;
}






/* ACCUEIL */

html, body{
	width:100%;
	height:auto;
}
body.home, body.niveaux{
	min-height: 100%;
    margin:0;
    padding:0;
	background:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
body.home h1, body.home h2, body.home h3, body.home h4, body.home div, body.home p, body.home img, body.home ul, body.home li, body.home a, body.home input, body.home textarea, body.home select, body.home option, body.niveaux h1, body.niveaux h2, body.niveaux h3, body.niveaux h4, body.niveaux div, body.niveaux p, body.niveaux img, body.niveaux ul, body.niveaux li, body.niveaux a, body.niveaux input, body.niveaux textarea, body.niveaux select, body.niveaux option{
	padding:0;
	margin:0;
	border:0;
	outline:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
body.home, body.niveaux li{list-style:none;}
body.home, body.niveaux a{text-decoration:none ;outline:none;}
body.home, body.niveaux a:hover{text-decoration:none;}

body.home{ 
	background:#292c35;
	height:100%;
}

.home div#bandeau{
	position:absolute;
	top:0;
	right:0;
	width:190px;
	height:190px;
	background: url('../img/new-bandeau.png') no-repeat top left;
}
.home #subtitleHome{
	position:relative;
	width:95%;
	margin:40px auto;
	text-align:center;
}
.home #subtitleHome span{
	color:#abacae;
	font-size:22px;
}
.home #choisir{
	position:relative;
	width:100%;
	text-align:center;
	color:#fff;
	font-size:20px;
	font-weight:bold;
	letter-spacing:-0.02em;
	margin: 20px auto;
	display: inline-block;
}
.home nav#index{
	position:relative;
	width:336px;
	height:240px;
	margin:auto;
	background: url('../img/cartable2.png') no-repeat top left;
}
.home nav#index ul{
	width:240px;
	height:176px;
	padding:48px 48px 0 48px;
}
.home nav#index ul li{
	float:left;
	width:79px;
	height:35px;
	margin:0 2px 2px 0;
	padding:8px 0 4px 0;
	text-align:center;
	background:none;
	border:none;
}

.home nav#index ul li.bg_violet {
	background:#ffa5da;
}

.home nav#index ul li.bg_rose {
	background:#ff0054;
}

.home nav#index ul li.w78{ width:78px;}
.home nav#index ul li.rose{
	margin-left:16px;
	height:26px;
	padding:4px 0 8px 0;
	width:103px;
}
.home nav#index ul li.bas{
	margin-left:16px;
	height:26px;
	padding:4px 0 8px 0;
	width:62px;
}
.home nav#index ul li.basC{
	margin-left:0px;
	height:26px;
	padding:4px 0 8px 0;
	width:80px;
}
.home nav#index ul li.mr{ margin-right:0; margin-left:0;}
.home nav#index ul li:hover{ background:#80172c;}
.home nav#index ul li.rose:hover{ background:#80172c;}
.home nav#index ul li a{
	color:#fff;
	padding:10px;
	font-size:16px;
	letter-spacing:-1px;
}

.home footer, .niveaux footer{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	height:31px;
	padding:9px 0 0 0;
	text-align:center;
	 font-size:14px;
	color:#565656;
	background:#e9eaeb;
}
.niveaux footer{
	width:90%;
	left:10%;
	background:#fff;
}
.home footer #copy{ margin-top:-3px;}
.niveaux footer #copy{ margin-left:30px;  margin-top:1px;}
.home footer img, .niveaux footer img{ padding:0 0 0 5px; }
.home footer a, .niveaux footer a{color:#565656;}
.home footer a:hover, .niveaux footer a:hover{color:#ff003f;}


/* NIVEAU */

body.niveaux{ background:#f0f0f0;}

.niveaux #content{
	position:absolute;
	width:88%;
	height:96%;
	top:0;
	left:12%;
	right:0;
}

.niveaux #niveaux{
	width:180px;
	height:50px;
	margin:10px auto;
	text-align:left;
	padding:0;
	z-index:9999;
	cursor:pointer;
}

.niveaux #niveaux:hover > .list {
	display:block;
}

.niveaux #titleContent {
	margin-top: 30px !important;
}

.niveaux #niveaux span {
	padding: 6px 0px 6px 15px;
	display:inline-block;
	background: #fafafa;
	border: 1px solid #e3e3e3;
	font-size: 16px;
	color: #777;
	position:relative;
	width:180px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}

.niveaux #niveaux .list {
	display:none;
	line-height:.9;
	width:180px;
	position:relative;
	z-index:999;
}

.niveaux #niveaux ul {
	display:inline-block;
}

.niveaux #niveaux ul li {
	background: #fafafa;
	float: left;
	width: 100%;
	margin: 0 !important;
	color: #888;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	border-left:1px solid #eee;
	border-bottom:1px solid #eee;
	border-right:1px solid #eee;
}

.niveaux #niveaux ul li a {
	display:inline-block;
	width:100%;
	height:100%;
	padding: 15px 10px;
}

.niveaux #niveaux ul li:hover {
	background:#ff003f;
	color:#eaeaea;
}

.niveaux #niveaux span:after {
	content: "";
	position: absolute;
	top: 20px;
	right: 12px;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 10px solid #777;
}

.niveaux .textContent{
	position:relative;
	width:300px;
	height:30px;
	text-align:center;
	margin: 70px auto 0 !important;
}
.niveaux .textContent strong{
	font-size:22px;
	color:#4e4e4e;
}


.niveaux #matieres {
	position:relative;
	width:600px;
	height:270px;
	margin:0 auto;
}
.niveaux #matieres ul.trois{
	position:absolute;
	margin:-40px 0 0 20px;
}

.niveaux #matieres ul {
	display:inline-block;
	margin-bottom:100px !important;
}

.niveaux footer {
	position:fixed;
}

.niveaux #matieres li{
	float:left;
	width:120px;
	height:35px;
	padding:92px 0 0 0;
	margin:30px 0 0 30px;
	text-align:center;
	color:#282b34;
	font-size:14px;
	cursor:pointer;
}
.niveaux #matieres ul.trois li{ margin:20px 0 0 20px;}

.niveaux #matieres li.mat{ background: url('../img/matieres-mat.png') no-repeat top center ;}
.niveaux #matieres li.phy{ background: url('../img/matieres-phy.png') no-repeat top center ;}
.niveaux #matieres li.chi{ background: url('../img/matieres-chi.png') no-repeat top center ;}
.niveaux #matieres li.svt{ background: url('../img/matieres-svt.png') no-repeat top center ;}
.niveaux #matieres li.fra{ background: url('../img/matieres-fra.png') no-repeat top center ;}
.niveaux #matieres li.ang{ background: url('../img/matieres-ang.png') no-repeat top center ;}
.niveaux #matieres li.all{ background: url('../img/matieres-all.png') no-repeat top center ;}
.niveaux #matieres li.esp{ background: url('../img/matieres-esp.png') no-repeat top center ;}
.niveaux #matieres li.lit{ background: url('../img/matieres-lit.png') no-repeat top center ;}
.niveaux #matieres li.phi{ background: url('../img/matieres-phi.png') no-repeat top center ;}
.niveaux #matieres li.sci{ background: url('../img/matieres-sci.png') no-repeat top center ;}
.niveaux #matieres li.ses{ background: url('../img/matieres-ses.png') no-repeat top center ;}
.niveaux #matieres li.ecj{ background: url('../img/matieres-ecjs.png') no-repeat top center ;}
.niveaux #matieres li.his{ background: url('../img/matieres-his.png') no-repeat top center ;}
.niveaux #matieres li.geo{ background: url('../img/matieres-geo.png') no-repeat top center ;}
.niveaux #matieres li.tec{ background: url('../img/matieres-tech.png') no-repeat top center ;}
.niveaux #matieres li.pfe{ background: url('../img/matieres-pfeg.png') no-repeat top center ;}
.niveaux #matieres li.art{ background: url('../img/matieres-art.png') no-repeat top center ;}
.niveaux #matieres li:hover{ background-position: center -119px;  }

.niveaux footer {
	background: transparent;
	color: #999;
	font-size: 12px;
}

.niveaux footer a {
	color:#999;
}

@media 
screen and (max-device-width: 1024px),
screen and (max-width: 1024px){
	
	.home footer, .niveaux footer{ display:none;}
	
	.niveaux section#content {
		left:0;
		width:100%;
		padding-top:30px;
	}
}

@media 
screen and (max-device-width: 680px),
screen and (max-width: 680px){

    body div.newheader {
        display: none;
    }

    body.information div.container-information {
        width: 420px;
    }

	.niveaux #matieres {
		width:85%;
	}
	
	.niveaux #matieres li{
		width:50%;
	}
}

@media 
screen and (max-width: 420px){ 
	.niveaux #matieres li{
		width:80%;
	}
	
	body.home #logo, body.home #subtitleHome, body.home #choisir {
		zoom:.85 !important;
	}
	
	/* Modification cartable index */
	body.home nav#index {
		width:280px;
		height:200px;
		background-size:280px 200px;
	}
	#popup-help {
            display: none!important;
        }
	body.home nav#index ul {
		width: 200px;
		height: 176px;
		padding: 40px 40px 0 40px;
	}
	
	body.home nav#index ul li {
		padding:0 !important;
	}
	
	body.home nav#index ul li.bg_rose {
		width:65px;
		padding:0 !important;
		height:39px;
	}
	
	.home nav#index ul li.bg_violet {
		height: 31px !important;
		width:85px !important;
	}
	
	.home nav#index ul li.bg_violet a {
		padding: 12px 0 !important;;
	}
	
	.home nav#index ul li.bas {
		width:51px !important;
	}
	
	.home nav#index ul li.basC {
		width:66px !important;
	}
	
	.home nav#index ul li a {
		font-size:14px;
		padding:15px 0;
	}
	
	.home nav#index ul li:nth-child(7), .home nav#index ul li:nth-child(9) {
		margin-left: 14px !important;
	}
	
	.home nav#index ul li:nth-child(2), .home nav#index ul li:nth-child(5) {
		width:66px !important;
	}
}

@media 
screen and (max-width: 1024px) {
	nav#left, #idsearch {
		font-weight:bold;
	}
	
	#idsearch {
		width:140px !important;
	}
	
	.submenu_wrapper {
		height:100% !important;
		background-color:#f5f5f5;
	}
	
	i.matieres_icons, i.account_icons, i.search_icons {
		width:20px;
		height:20px;
		margin: 0 15px;
	}
	
	i.matieres_icons, i.search_icons {
		margin-top:-1px;
	}
	
	i.search_icons.search {
		margin-right:10px;
	}
	
	nav#left ul#listMatieres li.toplevel > a {
		border-bottom: 1px solid rgb(32, 33, 44);
	}
	
	nav#left div.action a {
		border-top: 1px solid rgb(32, 33, 44);
		padding:15px !important;
		font-size:13px;
	}
	
	nav#left div.search, nav#left div.search input[type="text"] {
		height:auto !important;
		margin:0 !important;
	}
	
	#searchNav form, nav#left ul#listMatieres li.toplevel > a  {
		font-size:13px;
		padding: 15px 15px 12px !important;
	}
	
	nav#left div#logo {
		width: 100% !important;
	}
	
	nav#left ul#listMatieres li.toplevel > a:hover, nav#left ul#listMatieres li.toplevel > a.opened, div.action a:hover {
		background:inherit !important;
	}
	
	nav#left .mCSB_container {
		margin-right:0 !important;
	}
	
	nav#left div.action a.arrow{
		background-position: 270px 12px !important;
	}
	
	nav#left ul.sub li {
		padding:5px 15px;
	}
	
	nav#left ul.sub li a {
		font-size:12px;
	}

.matieres_icons.mat {
	background-position:0 -17px;
}

.matieres_icons.phy {
	background-position:-20px -17px;
}

.matieres_icons.chi {
	background-position:-40px -17px;
}

.matieres_icons.svt {
	background-position:-60px -17px;
}

.matieres_icons.ang {
	background-position:-80px -17px;
}

.matieres_icons.all {
	background-position:-100px -17px;
}

.matieres_icons.esp {
	background-position:-120px -17px;
}

.matieres_icons.ecj {
	background-position:-140px -17px;
}

.matieres_icons.sci {
	background-position:-160px -17px;
}

.matieres_icons.fra {
	background-position:-180px -17px;
}

.matieres_icons.lit {
	background-position:-200px -17px;
}

.matieres_icons.ses {
	background-position:-220px -17px;
}

.matieres_icons.phi {
	background-position:-240px -17px;
}

.matieres_icons.his {
	background-position:-260px -17px;
}

.matieres_icons.geo {
	background-position:-280px -17px;
}


.account_icons {
	top:-6px;
}

.account_icons.perso {
	background-position:0 -54px;
}

.account_icons.star {
	background-position:-40px -54px;
}

.account_icons.niveaux {
	background-position:-60px -54px;
}

.account_icons.cadenas {
	background-position:-20px -54px;
}

.search_icons.search {
	background-position: -80px -54px;
}

nav#left i.picto {
	width: 28px;
	height: 28px;
	position: absolute;
	top: 28px;
	left: 26px;
}

}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (-o-min-device-pixel-ratio: 3/2),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-device-pixel-ratio: 1.5) {

          i.account_icons, i.search_icons, i.header_icons, i.types_icons, .classeur_matieres_icons, .classeur_types_icons, a.star, a.ficheStar, a.starOff, i.tools_icons {
           background-image: url('../img/sprites_icons@2x.png') !important;
           background-size: 300px 110px !important;
         }
        .new_sprites {
            background: url('../img/sprites_kartable@2x.png') ;
            background-size: 400px 200px !important;
            width: 21px;
            height: 24px;
        }
        .new_sprites.mat {
            background-position:0 0; 
        }
        .new_sprites.phy {
            background-position:-24px 0; 
        }
        .new_sprites.chi {
            background-position:-45px 0; 
        }
        .new_sprites.svt {
            background-position:-68px 0; 
        }
        .new_sprites.ang {
            background-position:-90px 0; 
        }
        .new_sprites.esp {
            background-position:-114px 0; 
        }
        .new_sprites.lit {
            background-position:-138px 0; 
        }
        .new_sprites.his {
            background-position:-162px 0; 
        }
        .new_sprites.geo {
            background-position:-186px 0; 
        }
        .new_sprites.ses {
            background-position:-209px 0; 
        }
        .new_sprites.phi {
            background-position:-233px 0; 
        }
        .new_sprites.fra {
            background-position:-257px 0; 
        }
        .new_sprites.sci {
            background-position:-281px 0; 
        }
        .new_sprites.ecj {
            background-position:-304px 0; 
        }
        .new_sprites.all {
            background-position:-328px 0; 
        }
        
    .niveaux #matieres li.mat{ 
        background: url('../img/matieres-mat@2x.png') no-repeat top center ;
        background-size: 120px 240px;
    }
    .niveaux #matieres li.phy{ background: url('../img/matieres-phy@2x.png') no-repeat top center ; background-size: 120px 240px;}
    .niveaux #matieres li.chi{ background: url('../img/matieres-chi@2x.png') no-repeat top center ; background-size: 120px 240px;}
    .niveaux #matieres li.svt{ background: url('../img/matieres-svt@2x.png') no-repeat top center ; background-size: 120px 240px;}
    .niveaux #matieres li.fra{ background: url('../img/matieres-fra@2x.png') no-repeat top center ; background-size: 120px 240px;}
    .niveaux #matieres li.ang{ background: url('../img/matieres-ang@2x.png') no-repeat top center ; background-size: 120px 240px;}
    .niveaux #matieres li.all{ background: url('../img/matieres-all@2x.png') no-repeat top center ; background-size: 120px 240px;}
    .niveaux #matieres li.esp{ background: url('../img/matieres-esp@2x.png') no-repeat top center ; background-size: 120px 240px;}
    .niveaux #matieres li.lit{ background: url('../img/matieres-lit@2x.png') no-repeat top center ; background-size: 120px 240px;}
    .niveaux #matieres li.phi{ background: url('../img/matieres-phi@2x.png') no-repeat top center ; background-size: 120px 240px;}
    .niveaux #matieres li.sci{ background: url('../img/matieres-sci@2x.png') no-repeat top center ; background-size: 120px 240px;}
    .niveaux #matieres li.ses{ background: url('../img/matieres-ses@2x.png') no-repeat top center ; background-size: 120px 240px;}
    .niveaux #matieres li.ecj{ background: url('../img/matieres-ecjs@2x.png') no-repeat top center ; background-size: 120px 240px;}
    .niveaux #matieres li.his{ background: url('../img/matieres-his@2x.png') no-repeat top center ; background-size: 120px 240px;}
    .niveaux #matieres li.geo{ background: url('../img/matieres-geo@2x.png') no-repeat top center ; background-size: 120px 240px;}
    .niveaux #matieres li.tec{ background: url('../img/matieres-tech@2x.png') no-repeat top center ; background-size: 120px 240px;}
    .niveaux #matieres li.pfe{ background: url('../img/matieres-pfeg@2x.png') no-repeat top center ; background-size: 120px 240px;}
    .niveaux #matieres li.art{ background: url('../img/matieres-art@2x.png') no-repeat top center ; background-size: 120px 240px;}
}

section#content div.itemResult div.typeItemResult i{
	display:inline-block;
	background-image: url('../img/sprites_icons.png');
	background-repeat:no-repeat;
	vertical-align: middle;
}

/*section#content div.itemResult div.matiereItemResult i {
	width:17px;
	height:17px;
}*/
section#content div.itemResult i.new_sprites {
    background-image: url('../img/sprites_kartable.png')no-repeat !important;
    width:20px;
    height:20px;
}

section#content div.itemResult div.typeItemResult i {
	height:15px;
	width:15px;
}

nav#base ul li .types_icons {
	vertical-align: middle;
	margin-right: 10px;
}
/** pour les liens actifs */
nav#base li.active a { 
    background: white;
}

#content_bis{
    position: relative;
    top: 0;
}

body#recherche header #chapitre {
	float:left;
}

nav#right #facebook_like {
	overflow: hidden;
	width: 64px;
	height: 28px;
	margin-left: 115px;
	overflow:hidden;
}

nav#right #facebook_like iframe {
	position: relative;
	right: 64px;
	top: -32px;
}